Accessibility

670 bookmarks
Custom sorting
What Does It Really Mean For A Site To Be Keyboard Navigable — Smashing Magazine
What Does It Really Mean For A Site To Be Keyboard Navigable — Smashing Magazine
Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, extending your reach while simultaneously fostering a more inclusive web environment.
·smashingmagazine.com·
What Does It Really Mean For A Site To Be Keyboard Navigable — Smashing Magazine
Creating an Accessible Accordion with HTML Description Lists - AFixt
Creating an Accessible Accordion with HTML Description Lists - AFixt
When designing web components, accessibility is paramount to ensure inclusiveness for all users, including those with disabilities. A common interactive element that greatly benefits from an accessible implementation is the accordion—a user interface component that allows users to expand and collapse content sections. In this tutorial, we will dive deep into building an accessible accordion […]
·afixt.com·
Creating an Accessible Accordion with HTML Description Lists - AFixt
Blockquotes in Screen Readers
Blockquotes in Screen Readers
TL;DR: This post does not assert the correct way to code blockquotes, it will only demonstrate how screen readers announce some existing patterns. Test Details The first four examples are lifted from WHATWG HTML’s blockquote entry. The next three are from W3C HTML’s 2019 blockquote guidance (the W3C HTML spec…
·adrianroselli.com·
Blockquotes in Screen Readers
Brief Note on Disclosures in Fieldsets
Brief Note on Disclosures in Fieldsets
TL;DR: Probably don’t use disclosure widgets in fieldsets. If you do it anyway, don’t put the trigger in the legend. Context With details / summary, recent support for the popover attribute, and the never-ending belief that a “clean” page means hiding content, there is a resurgence in stuffing useful content…
·adrianroselli.com·
Brief Note on Disclosures in Fieldsets
Accessibility checklist
Accessibility checklist
The accessibility acceptance criteria testing checklist generator by T-Mobile - Accessibility Resource Center
·magentaa11y.com·
Accessibility checklist
Things to Do Before Asking “Is This Accessible?”
Things to Do Before Asking “Is This Accessible?”
It is not uncommon for someone to message, call, email, or carrier pigeon me to ask if something is accessible. They almost invariably want a “yes” or “no.” However, I need to understand what the heck they mean and what the other-heck prompted them to ask. Yes, I would be…
·adrianroselli.com·
Things to Do Before Asking “Is This Accessible?”