Developing Accessible Websites
Headings
Headings are important in helping users understand the structure of your content and dividing content into major section areas. A proper heading structure provides better navigation of your content for users who rely on screen readers and other assistive technologies.
Heading Hierarchy
- Each page should start with a Heading 1 level (h1). Your web page title should be marked as your H1 heading.
- The first level of subheadings within the page should be marked as a Heading 2 (h2). Heading 2s are typically used for section headings within a web page.
- Headings should descend based on the order of importance and should be properly nested
Additional Resources on Accessible Headers
Organizing a page using headings – WCAG 2.1Alternative Text
Alternative text describes the content of visuals such as images, charts, graphs, and clip art. Visuals that convey meaningful information to the user must include alternative text. Screen readers will read aloud alternative text, provided access to users with visual impairments or cognitive disabilities. Alternative text should be short and concise but also convey the same information as the image. Images used solely for decorative purposes do not require alternative text but should be marked as decorative.
Alternative text will also display in a browser if the image fails to load. They also search engine optimization, which helps search engines find your content.
