Accessible CSS in Everyday Life
summary
Covers practical CSS techniques for keyboard and screen-reader accessibility: use always-visible focus styles with :focus or preferably :focus-visible (demonstrated with a live comparison), avoid CSS changes that remove semantics (for example don’t strip list-style without providing ARIA alternatives because VoiceOver on Safari stops announcing lists), and prefer relative sizing (line-height: 1.5 and rem/em/%) so zooming and assistive tools behave correctly.
AI-written summary · about
related talks
51mWriting even more CSS with Accessibility in Mind
30mWriting CSS with Accessibility in Mind
52mCommon Accessibility Pitfalls
01h 07mA web for anyone, anywhere, anytime
16mThe double faces of CSS
46mFocusing on Focus
01h 12mPractical Tips for Building More Accessible Front-Ends by Sara Soueidan
50mHijacking Screenreaders with CSS