Ramona Schwering
The Cake Is a Lie... And So Is Your Login’s Accessibility
#1about 5 minutes
Using the game Portal as an analogy for web accessibility
The initial confusion and challenges in the game Portal serve as an analogy for the frustrating experience users with disabilities face on inaccessible websites.
#2about 4 minutes
Defining the spectrum of accessibility and its legal importance
Accessibility benefits everyone by addressing permanent, temporary, and situational disabilities, and is enforced by laws like the European Accessibility Act.
#3about 5 minutes
Demonstrating login form issues with a screen reader
A live demonstration using the VoiceOver screen reader reveals that an inaccessible login form fails to provide any feedback when an error occurs.
#4about 6 minutes
Implementing ARIA attributes to fix form accessibility
Adding ARIA attributes like `role='alert'`, `aria-invalid`, and `aria-describedby` provides essential context and error feedback to screen reader users.
#5about 4 minutes
Writing better error messages and using semantic HTML
Improve accessibility by writing specific, actionable error messages, using visual icons instead of just color, and employing semantic HTML for better structure.
#6about 1 minute
Enhancing focus management for keyboard users
Replace default browser outlines with more prominent custom CSS outlines to clearly indicate the focused element for keyboard navigators.
#7about 4 minutes
Following accessibility guidelines for authentication flows
Adhere to WCAG guidelines for authentication by enabling copy-paste, offering passwordless options like passkeys, and avoiding complex CAPTCHAs.
#8about 3 minutes
Designing accessible multi-factor authentication (MFA)
Make multi-factor authentication accessible by providing longer time limits for OTPs, enabling auto-copy for codes, and offering multiple verification methods.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
05:40 MIN
Practical takeaways from the accessibility masterclass
Secure and Accessible Login Systems - Ramona Schwering
04:22 MIN
Avoiding common accessibility and security pitfalls
Secure and Accessible Login Systems - Ramona Schwering
01:45 MIN
Using tools and frameworks to improve accessibility
Secure and Accessible Login Systems - Ramona Schwering
02:34 MIN
The developer advocate's role in accessible security
Secure and Accessible Login Systems - Ramona Schwering
18:43 MIN
Q&A on practical accessibility challenges
Preventing Accessibility Issues Instead Of Fixing Them
05:18 MIN
Integrating accessibility into core developer education
Fireside Chat: Can Regulation Improve Accessibility? - Léonie Watson
01:20 MIN
A call to action for web accessibility
WeAreDevelopers LIVE - 11ty and a11y
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
Featured Partners
Related Videos
24:30Oh S***! There's a New Accessibility Law and I'm Not Ready!
Emma Dawson
24:39Secure and Accessible Login Systems - Ramona Schwering
Ramona Schwering
31:30Accessibility powered by AI
Ramona Domen
30:07Accessibility in React Application
Julia Undeutsch
23:33Accessibility Test Driven Development
Maria Korneeva
27:16Mastering Keyboard Accessibility
Tanja Ulianova
35:39Going on a CODE100 Accessibility Scavenger Hunt
Chris Heilmann & Daniel Cranney
29:59The What, Why, Who and How of accessibility on the web
Konstantin Tieber
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript
SAP AG
Sankt Leon-Rot, Germany
Ai Coding Visualmakers Gmbh
Köln, Germany
GIT
React
Flask
Python
MongoDB
+6
Exclusive Associates
CSS
React
Next.js
JavaScript
TypeScript
+1
WeCloudData
Remote
CSS
GIT
HTML
REST
+7