Inclusive design describes methodologies to create products that understand and enable people of all backgrounds and abilities. It may address accessibility, age, economic situation, geographic location, language, race, and more. Covered examples include: Text Legibility and Dark Mode for Older Users Surname Inputs for Global Audiences A Variety of Demographic Identifiers Inclusive Facets Diverse Illustrations …
Tag Archives: a11y
Accessibility Myths
The 5 Rules of ARIA
Directly from the spec, the 5 Rules of ARIA: If you can use a native HTML element or attribute with the semantics and behavior you require already built in […] then do so. Do not change native semantics, unless you really have to. All interactive ARIA controls must be usable with the keyboard. Do not …
Accessibility in Design Systems
Good slidedeck by Benno Lœwenberg: We all are only sometimes abled. Therefore accessible solutions benefit everybody. Treating accessibility not just as an afterthought to comply with regulations, but as an essential UX factor right from the start can lead to building better products and services. This talk is about how to lay an accessible foundation …
Accessible front-end components: claims vs reality
Great post by Hidde, warning about blindly trusting accessibility claims. Not all ‘accessible components’ are created equal, some will work a lot better for our end users than other. In this post I have listed a number of things you can look at if you are considering third-party components. I especially like this part: Sometimes, …
Continue reading “Accessible front-end components: claims vs reality”
W3C WAI Curricula on Web Accessibility
Over at the W3C Web Accessibility Initiative (WAI) website you can find an extensive curricula on Web Accessibility This resource provides teaching modules to help you create courses on digital accessibility, or to include accessibility in other courses. The modules cover accessibility foundations that apply broadly, and specific skills for developers, designers, content authors, and …
A Complete Guide To Accessible Front-End Components
Writing Good Alt Text
Floating Focus
Responsible Web Applications
Good little collection of tips for creating responsible (= responsive + accessible) web applications by Joy Heron. With modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some HTML and CSS tips and tricks, and I want to present …