djangocon / 2024.djangocon.us

🫐 The DjangoCon US 2024 conference website
https://2024.djangocon.us
Other
3 stars 23 forks source link

Add a skip link #57

Closed SaptakS closed 3 months ago

SaptakS commented 3 months ago

Under WCAG Success Criterion 2.4.1, it is recommended to provide a way for the user to skip the parts that are repeated in every page (e.g. navigation) and jump to the primary content of the web page.

Given the navigation for the https://2024.djangocon.us/ is decent big, I think adding a skip link at the very beginning will help improve the accessibility of the website. It will allow screenreader users and keyboard users to jump directly to the primary content instead of tabbing through the entire main navigation. The skip link can be made only visible when focused to avoid any design concerns.

Refs: https://webaim.org/techniques/skipnav/

mtrythall commented 3 months ago

Good call. We'll get this in.

mtrythall commented 3 months ago

This is in. I added a button right after the body opening tag. It only appears on focus, but is off screen so screen readers should pick it up.

Screenshot 2024-08-04 at 3 33 24 PM