https://github.com/scotchester/djangocon-wagtail-accessibility

https://github.com/scotchester/djangocon-wagtail-accessibility

accessibility django presentation wagtail

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/scotchester/djangocon-wagtail-accessibility
• Owner: Scotchester
• Created: 2023-10-18T14:08:19.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-14T21:27:42.000Z (7 months ago)
• Last Synced: 2024-10-11T14:08:23.625Z (3 months ago)
• Topics: accessibility, django, presentation, wagtail
• Language: Python
• Homepage: https://scotchester.github.io/djangocon-wagtail-accessibility/
• Size: 9.11 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://www.youtube.com/watch?v=qqQBbVIHkCA)

## Slides

The presentation was built using [Podium](https://github.com/beeware/podium) by BeeWare,

a Markdown-based tool for creating slide decks.

- [View PDF export](slides.pdf) (slide content only)

- [View in browser](https://scotchester.github.io/djangocon-wagtail-accessibility/) (slide content only)

  - Navigate the slide deck using the arrow keys

- [View source Markdown](slides.podium/slides.md) (slide content with notes)

## Sample code

I've cloned the [wagtail/bakerydemo](https://github.com/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 `
` to `` [6c9c672](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/6c9c672336a298166221611afd6639ebea18d38e)

1. Change listing card heading tag from `
` to `
` [c133814](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/c133814db5294786a225afae373314d3d198f67a)

1. Add StreamBlock heading level validation [3653544](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/3653544018f17f8e682899cf4f2d65f7b464dc81)

1. Add `alt_text` field to `ImageBlock` [dd11f81](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/dd11f81a63ebce9b5d0dbf165b1d174f7bff1a08)

1. Add LinkBlock with aria-label support [33bdd8f](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/33bdd8f1ff784f6c4fa80d3e0ae86121394d1b9b)

1. Add LinkBlock ARIA label validation [76cbc25](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/76cbc251e0e699f973963c5396d169d4405e00ac)

1. Add `help_text` for these scenarios [7b11faa](https://github.com/Scotchester/djangocon-wagtail-accessibility/commit/7b11faa2df40c55340d60f29e3032235ccf32d14)