signdict / website

A sign language dictionary
https://signdict.org
Mozilla Public License 2.0
82 stars 19 forks source link

Use accessible headings #1623

Open mtruj013 opened 1 year ago

mtruj013 commented 1 year ago

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:

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

Holgermueller commented 5 months ago

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?