Here are the results of an accessibility audit I did for the PyCon Lithuania website, as part of the DjangoCon Europe 2021 sprints. I recorded myself going through this and put it up on YouTube, so we have a demo for each of the issues: DjangoCon Europe 2021 sprints – Accessibility review of PyCon Lithuania’s website.
I think the most problematic issue was with the animating banner on Safari, which made it completely impossible to navigate the page with a screen reader. Other than this, most issues were relatively minor.
The main issues I didn’t get to are the ones with buttons / links – the fact having disabled buttons is confusing, and that there are lots of contrast issues with those disabled styles. The focus styles also have poor contrast for the buttons that are focusable.
My recommended fix for these would be to completely remove any button that’s currently disabled from the page, so there is no confusion.
Sections:
- 00:00 Intro
- 00:40 Audit methodology
- 01:49 HTML5 validation
- 04:20 Reviewing HTML templates
- 13:00 Alt text for photos
- 19:50 Accessibility Insights automated checks
- 21:30 Checking landmarks
- 23:00 Color contrast checks
- 25:15 Checking headings
- 26:45 Using h123 for the document outline
- 27:45 Tab stops
- 29:38 Mobile support
- 31:40 Looping animations
- 32:40 Testing with VoiceOver in Safari
- 36:00 Performance issues with banner animation