Web Styles
Headings answer the question: What will I learn here? Headings enable readers to scan the contents of a page to see what sub-topics it covers and whether it contains the information they seek.
- Headings add hierarchical structure and organization to a page.
- Headings make it easier for individuals using a screen reader to navigate a page and are an essential element in creating accessible online materials.
Guidelines
- Heading font styles and colors are predefined for consistency across the website and cannot be changed.
- ALL CAP styles that were applied to headings in the previous design are now title case.
- Additional emphasis such as bold or underline should not be added to headings as links are identified with bold underlined text and could cause confusion.
Heading 2, (H2)
-
Heading 2 is used to introduce Topic Blocks, FAQs and Staff Directories, and should only be used in a text module when these other modules are included on the page.
Heading 3, (H3)
- This heading style (H3) should be used when introducing a section of the content.
- It is used the most used heading style on the 51ÁÔÆæ website.
- The length should be limited to a few words and never wrap to a second line.
- Example: About 51ÁÔÆæ in France
Heading 4, (h4)
-
This heading style should be used after a larger section heading (H3) to introduce a sub-section of content.
Heading 5, (h5)
- This heading style should be used after an h4 heading to introduce a sub-section of content.
Heading 6, (H6)
- This heading style should be used after an h5 heading to introduce a sub-section of content or if you want to avoid using a blue heading.
Intro
- This style should only be used at the top of a page to introduce the content of the page. It should approximately 50 words. If there are multiple introductory paragraphs, only the first few sentences should use the intro. style. The next paragraph should be regular text.
View the
