Use accessible headings #1623
Description
Summary
The website landing page and /about page do not currently use accessible headings. <h1> tags are supposed to be used for the most important information on the site and there is not supposed to be more than one on a page.
From the a11y project: "Heading levels have meaning, especially for screen reader users and search engines. That means one unique first level heading per page, with the other headings representing the page content similar to the index of a book: easily scannable and semantic."
More on accessible headings and why they matter:
- https://www.w3.org/WAI/tutorials/page-structure/headings/
- https://usability.yale.edu/web-accessibility/articles/headings
Proposed solution (landing page):
Change this to an <h1>:
Change these to <h2>s:
Proposed solution (/about page):
Pick one <h1>. It could be What is SignDict? or maybe add "FAQ" to the top of the page making it the <h1> while changing the rest of the headings in this page to <h2>s.
