Maintainable Styles- That's a Thing?

on YouTube ↗31m

" summary

Claims that 90% semantic markup solves most accessibility, demonstrates using a label plus visually-hidden class instead of placeholder-only, shows aria label on an icon button to change screen‑reader announcement, applies aria-live="polite" to the todo list for spoken updates, and uses SCSS variables and mixins (darken) plus cross‑browser placeholder selectors. Also notes using CodePen for demos and Figma kits (Kendo UI) to keep design and styles maintainable across a team.

AI-written summary · about

" chapters (10)

1. 0:00Introduction to CSS
2. 1:30Defining accessibility
3. 3:33Building an accessible UI
4. 7:37Using ARIA labels
5. 11:34Forms and labels
6. 14:06Visually hidden content
7. 16:52Semantic layout structures
8. 19:29Maintainable Sass styling
9. 26:35Placeholder and live regions
10. 29:29Conclusion and resources

" related talks

• 35mBetween Accessibility and Style: Semantics and CSS ArchitectureStefano Minoia · cssday 2025
• 47mStyle Is SubstanceAmelia Bellamy-Royds · Inclusive Design 24 (#id24) 2016
• 33mMarkup mattersCharlie Morris · Laracon AU 2025
• 11mIt's the Markup that MattersHidde de Vries · Next.js Conf 2020
• 52mCommon Accessibility PitfallsChris DeMars · DevReach 2022
• 51mWriting even more CSS with Accessibility in MindManuel Matuzović · Inclusive Design 24 (#id24) 2020
• 01h 07mA web for anyone, anywhere, anytimeRowdy Rabouw · NDC Melbourne 2022
• 42mCSS, JavaScript and AccessibilityIre Aderinokun · Pixel Pioneers 2023