It is important to use correct headers in order to distinguish your points in the body of your text. There are also accessibility and branding reasons for correct header usage on SF State websites
Screen-readers pick up headers in order of importance and will help users who may rely on screen-readers access your site more efficiently.
In an effort to unify the university’s voice to its campus and external audiences, SF State’s University Communications team helps keep all outward facing materials from campus consistent throughout departments. The headers are approved for all SF State sites to use and are the required format style for content.
How to Use Correct Headers
Headers are an efficient and accessible way to organize your site and allow your users to find the information they need quickly. Headers are used in order of importance and follow a specific hierarchy starting from H1 as the page of the title, H2 as the main point, and H3/H4 as sub-categories.
- Click in the Body text field and highlight the title you want to turn into a header.
- On the drop-down list that says “Normal” select the correct heading you want to use. Keep in mind that H2 must always come before an H3 or H4. For accessibility reasons, you may not use the headers out of order.
- Edit the rest of the page as you’d like and click Save at the bottom of the page.