website icon indicating copy to clipboard operation
website copied to clipboard

Use accessible headings

Open mtruj013 opened this issue 3 years ago • 1 comments

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>: Screenshot 2022-09-29 at 12 04 08

Change these to <h2>s: Screenshot 2022-09-29 at 12 04 52 Screenshot 2022-09-29 at 12 04 58

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. Screenshot 2022-09-29 at 12 09 19

mtruj013 avatar Sep 29 '22 10:09 mtruj013

Hi, I'm looking to contribute to some open-source projects. Would you mind if I tackled this issue, if it still needs to be done?

Holgermueller avatar Mar 15 '24 22:03 Holgermueller