Scotchester / djangocon-wagtail-accessibility

Best Practices for Making a Wagtail Website as Accessible as Possible

An online talk for DjangoCon US 2023 by Scott Cranfill

Video

Watch on YouTube

Slides

The presentation was built using Podium by BeeWare, a Markdown-based tool for creating slide decks.

• View PDF export (slide content only)
• View in browser (slide content only)
  • Navigate the slide deck using the arrow keys
• View source Markdown (slide content with notes)

Sample code

I've cloned the wagtail/bakerydemo repository into this repository's bakerydemo folder and applied the following commits, which make the various changes described in the presentation:

1. Change header tag from <div> to <header> 6c9c672
2. Change listing card heading tag from <h3> to <h2> c133814
3. Add StreamBlock heading level validation 3653544
4. Add alt_text field to ImageBlock dd11f81
5. Add LinkBlock with aria-label support 33bdd8f
6. Add LinkBlock ARIA label validation 76cbc25
7. Add help_text for these scenarios 7b11faa