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.
Matching moments
18:43 MIN
Q&A on practical accessibility challenges
Preventing Accessibility Issues Instead Of Fixing Them
07:01 MIN
The importance of web accessibility as a core developer craft
WAD Live 22/01/2025: Exploring AI, Web Development, and Accessibility in Tech with Stefan Judis
04:43 MIN
Using ARIA attributes to make web components accessible
Accessibility with Web Components
01:08 MIN
Introducing accessibility work and the upcoming WCAG 3
WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more
04:08 MIN
Practical first steps for implementing web accessibility
The What, Why, Who and How of accessibility on the web
04:12 MIN
Connecting web accessibility requirements to ethical AI development
WeAreDevelopers LIVE - Our World Congress 2025 & CODE100 Highlights with Jack Barber and Marco Podien
01:44 MIN
Making accessibility a core part of your development process
Oh S***! There's a New Accessibility Law and I'm Not Ready!
03:20 MIN
Collaborating on accessibility and finding resources
Preventing Accessibility Issues Instead Of Fixing Them
How Developers Can Focus on Maintaining Satisfaction With AccessibilityNo matter what kind of project you are working on, the principal mission of any web development assignment is always the same: to provide end-users with the best experience possible. When it comes to optimizing end-user satisfaction, however, it can ...
Chris Heilmann
Find all accessibility problems in a page to take part in the CODE100 final!Today we had our Accessibilty WeAreDevelopers LIVE day and as part of this, we have a new CODE100 challenge. This time it is not about coding something, but about debugging instead. We have put together an alternative page for the LIVE day that is fu...
The State of HTML 2024: What can we learn from it?The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights into not only the state of the web, but also some sense ...
From learning to earning
Jobs that call for the skills explored in this talk.
27:16
25:33
55:32
30:07
31:30
56:01
29:59
23:05
