djangoproject.com accessibility testing | DjangoCon Europe 2023
Channel: Thibaud Colas
Date: 02/06/2023

Running through basic accessibility checks on the djangoproject.com homepage.

View the full report as text: https://thib.me/djangocon-europe-2023-accessibility-review-of-djangoproject-com

Timestamps:

00:00 Intro
00:15 Methodology
00:30 Keyboard support
00:42 Missing skip link
01:02 Focus styles in nav
02:30 Focus styles in main CTA
02:58 Two-column layout
03:50 Tab stops
04:50 More focus styles issues
05:30 Link indicators
07:04 Headings
09:39 Landmarks
10:13 Complementary landmark
11:05 Accessible names
11:30 Heading "Django"
12:03 Good example: theme toggle
12:12 Decorative icons
12:25 Alt text in theory
13:08 Color contrast
13:50 Design issues leading to low contrast
14:38 CSS overview
15:20 Font resizing
15:40 Uppercase text
16:30 Resizing images of text and icons
16:48 Page-level 400% zoom
17:10 Overflow issues
17:30 Edge-to-edge button
18:10 Enough margin to scroll past
18:18 Mobile menu keyboard support
19:14 Forced colors mode
19:28 Disappearing logo
19:40 Page structure and button borders
20:20 Link text in WHCM
21:05 Print stylesheets
22:00 Missing sidebar in print styles
22:20 Missing form fields
22:55 Recap