Accessibility

659 bookmarks
Custom sorting
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?”
An Accessibility-First Approach To Chart Visual Design — Smashing Magazine
An Accessibility-First Approach To Chart Visual Design — Smashing Magazine
In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.
·smashingmagazine.com·
An Accessibility-First Approach To Chart Visual Design — Smashing Magazine
Semantic Code In HTML: What Is It And Does It Still Matter?
Semantic Code In HTML: What Is It And Does It Still Matter?
Semantic code in HTML is still important in modern web development. It can improve accessibility, SEO, maintainability, cross-device compatibility, future-proofing, collaboration, and page load times. In this post, I explain how you can ensure your code is semantic even if you are using a framework or website builder app.
·boagworld.com·
Semantic Code In HTML: What Is It And Does It Still Matter?