What if one CSS property makes your site unusable for keyboard users? Learn the simple fixes to ensure your web interactions are truly accessible.
#1about 3 minutes
Understanding web interaction and assistive technologies
Web accessibility ensures that applications are usable by everyone, including those who rely on assistive technologies like screen readers and keyboards.
#2about 11 minutes
Implementing accessible buttons and links
Avoid removing the default focus outline and use semantic HTML, visually hidden text for icon buttons, and `aria-pressed` for toggle states.
#3about 6 minutes
Building accessible forms and announcing dynamic updates
Associate labels with inputs using the `for` attribute, provide context with `aria-describedby`, and announce validation errors using `aria-live` regions.
#4about 4 minutes
Creating accessible modals with focus management
Implement focus trapping to keep keyboard users within a modal and leverage the native HTML `<dialog>` element for built-in accessibility features.
#5about 1 minute
Summary of key accessibility best practices
A recap of essential practices including preserving focus outlines, using semantic HTML, providing text descriptions, and announcing dynamic messages.
#6about 4 minutes
Q&A on accessibility culture and implementation
Discussion on handling disabled buttons, getting organizational buy-in for accessibility, and integrating it as a continuous process in development.
Related jobs
Jobs that call for the skills explored in this talk.
Web Developer Portfolio Inspiration and Examples - March 2025Every developer needs a portfolio… of some sort.
Whether it’s an all-singing all-dancing portfolio page, a blog, or a simple links page, it’s important to let others know what you have done, what you can do, and how they can contact you.
A portfolio ...
The Web We Broke (And Why AI Agents Are Paying the Price) - AgentCon BerlinThis is the accompanying post to the talk Chris Heilmann gave at AgentCon in Berlin on 19/05/2026, you can also see the slides and listen to it in this screencast:
Thirty years of developer shortcuts, bloated JavaScript, and inaccessible HTML have l...
Daniel Cranney
The State of Accessibility on the Web in 2025: WebAIM Million Report FindingsThe WebAIM Million project (Web Accessibility in Mind) annually evaluates the accessibility of the top 1,000,000 website home pages on the web.
The 2025 report reveals several critical insights into the current state of web accessibility that we tho...
From learning to earning
Jobs that call for the skills explored in this talk.
27:16
25:33
55:32
31:30
30:07
56:01
29:59
23:05
