A11y

A11y

941 bookmarks
Newest
OS: High Contrast versus Inverted Colors
OS: High Contrast versus Inverted Colors
Low resolution screen shots combined to show the same page as seen using Windows High Contrast Mode and macOS Invert Colors settings. There are different ways to make a web page more easy to read, but there are two options that come directly from the operating system that many developers…
·adrianroselli.com·
OS: High Contrast versus Inverted Colors
Challenges for Screen-Reader Users on Mobile
Challenges for Screen-Reader Users on Mobile
Using a screen reader on mobile is challenging because users must access information sequentially and they cannot easily scan page content. Screen-reader users do not consider accessibility menus helpful.
·nngroup.com·
Challenges for Screen-Reader Users on Mobile
‘Can I Use…’, but for ARIA! - Bocoup
‘Can I Use…’, but for ARIA! - Bocoup
Three years ago we announced our work on the ARIA-AT program to develop an interoperability testing system for assistive technologies, starting with screen readers. Last year we completed a redesign of the ARIA Practices Giude (APG), which web developers use for guidance on making accessible websites and apps. We’ve been hard at work along the way to build a testing system and collect results on screen reader web rendering interoperability. Today we’re announcing that the first round of test results from ARIA-AT are available and embedded on the APG so web developers can read about screen reader support for various ARIA features.
·bocoup.com·
‘Can I Use…’, but for ARIA! - Bocoup
Don’t Override Screen Reader Pronunciation
Don’t Override Screen Reader Pronunciation
When many devs, testers, and authors first start listening to content through a screen reader, they are surprised to hear dates, pricing, names, abbreviations, acronyms, etc. announced differently than they expect. With the best of intentions (or branding panic) they may seek to force screen readers to announce content as…
·adrianroselli.com·
Don’t Override Screen Reader Pronunciation
We need accessibility action — Now! · Eric Eggert
We need accessibility action — Now! · Eric Eggert
We must make more progress for web accessibility. We need to fix the top issue and concentrate on addressing them where it makes most sense. In the end, the promise of an accessible web must be kept.
·yatil.net·
We need accessibility action — Now! · Eric Eggert
HTML Accessibility API Mappings 1.0
HTML Accessibility API Mappings 1.0
HTML Accessibility API Mappings (HTML-AAM) defines how user agents map HTML [HTML] elements and attributes to platform accessibility application programming interfaces (APIs). It leverages and extends the Core Accessibility API Mappings 1.2 and the Accessible Name and Description Computation 1.1 for use with the HTML host language. Documenting these mappings promotes interoperable exposure of roles, states, properties, and events implemented by accessibility APIs and helps to ensure that this information appears in a manner consistent with author intent.
·w3c.github.io·
HTML Accessibility API Mappings 1.0
a11y-Tricks — Adrian Roselli
a11y-Tricks — Adrian Roselli
The name of this page is a play on the CSS-Tricks name. My site generally is full of accessibility “tricks”, but this page specifically collects a few other places where I have left accessibility tricks behind. CSS-Tricks Following are links to posts at CSS-Tricks where I (mostly) left comments. Some…
·adrianroselli.com·
a11y-Tricks — Adrian Roselli
Keys To An Accessibility Mindset — Smashing Magazine
Keys To An Accessibility Mindset — Smashing Magazine
An accessible product can be daunting to build as there’s so much nuance and technical depth to consider. In this article, Daniel Yuschick demonstrates three keys for approaching and developing accessible content without leaving you lost in the weeds.
·smashingmagazine.com·
Keys To An Accessibility Mindset — Smashing Magazine
Blog
Blog
Web Accessibility: What is it? For whom is it important? What can you do to improve the accessibilty of your website? Read it on our blog!
·a11y-collective.com·
Blog
ARIA vs HTML
ARIA vs HTML
Using ARIA instead of HTML is generally fine for content, layout, structure, and other static bits of a page. A div role=”heading” aria-level=”1″ is the same as h1 as far users and accessibility APIs are concerned. It is unlikely a user will ever notice the difference unless you use both…
·adrianroselli.com·
ARIA vs HTML
WCAG 2.1 Article 1.1.1
WCAG 2.1 Article 1.1.1
Josh explains WCAG Article 1.1.1Tools and info to get your website accessible and WCAG Compliant: http://OnlineADA.comUnlock the WCAG walkthroughs for level ...
·youtube.com·
WCAG 2.1 Article 1.1.1