41. No headings on page

April 17, 2019 Instructional

1.3.1

no headings incorrect example

Description: No headings on page

Context: Heading tags are crucial to allowing content to be divided and scanned intelligently by assistive devices, such as finding titles or important subsections.

<p align="left">
    <font face="Arial" size="3">
        <b>
            About the Colleges of Arts &amp; Sciences
        </b>
    </font>
</p>

How to fix it: The page must be divided into logical sections using headings. H1-H6 can be used. Alternatively WAI-ARIA headings can be created using role=”heading”, and the heading level can be set using aria-level=””.

<h2>About the Colleges of Arts &amp; Sciences</h2>

Techniques: G141, H42