A11y

A11y

941 bookmarks
Newest
The web accessibility basics - Marco's Accessibility Blog
The web accessibility basics - Marco's Accessibility Blog
I’ve been asked again and again over the years what the absolute basics of web accessibility are. And while I always thought that it is not so difficult to find resources about these basics, the recurrence of that question prompted me to finally write my own take on
·marcozehe.de·
The web accessibility basics - Marco's Accessibility Blog
Accessibility for Visual Design | UX Booth
Accessibility for Visual Design | UX Booth
They say beauty is in the eye of the beholder. As designers, we need to remember that the same is true of color, and all visual abilities. UX Booth author and visual UX designer Nick Babich has a list of how-tos, to help make every design both beautiful and usable.
·uxbooth.com·
Accessibility for Visual Design | UX Booth
The Accessibility Cheatsheet
The Accessibility Cheatsheet
We all know that accessibility is important. The problem is, it is not always clear what exactly we can do to make our sites more accessible. The Web Accessibility Initiative created some Web Content Accessibility Guidelines (WCAG) targeted at us, web content developers, to create more accessible websites. The WCAG
·bitsofco.de·
The Accessibility Cheatsheet
Stop Designing For Only 85% Of Users: Nailing Accessibility In Design – Sma
Stop Designing For Only 85% Of Users: Nailing Accessibility In Design – Sma
The visual interface is an obvious place to begin digging into accessibility. In this article, we’ll discuss some of the most common visual impairments, focusing on color-blindness to explain how you can make small changes to your workflow and products to ensure you’re not alienating users.
·smashingmagazine.com·
Stop Designing For Only 85% Of Users: Nailing Accessibility In Design – Sma
What’s New in WCAG 2.1 | Adrian Roselli
What’s New in WCAG 2.1 | Adrian Roselli
I field questions pretty regularly about what is coming in WCAG 2.1. I have offered links to the spec, pointers to W3C mailing list email, references to other posts (most recently David MacDonald’s post that looks at the same version as this post), but have avoided gathering them in one…
·adrianroselli.com·
What’s New in WCAG 2.1 | Adrian Roselli
Accessibility Primer Part 0: Glossary
Accessibility Primer Part 0: Glossary
What is accessibility and why does it matter? Part 0 of a series introducing accessibility, assistive devices and technology, inclusive design, and web accessibility standards and tools. Will include asides on why language matters, the medical vs social models of disability, why Comic Sans isn't the worst thing ever, and fun with acronyms - WCAG, POUR, ARIA and more! Glossary will be updated as the series develops.
·dev.to·
Accessibility Primer Part 0: Glossary
HTML For Screen Readers - Labelling Elements
HTML For Screen Readers - Labelling Elements
To screen readers, a lot of the visual information that is presented on a webpage is lost. Because of this, we need to specifically provide information to them that may be obvious to a person looking at the page. One common way people define information specifically for screen readers is
·bitsofco.de·
HTML For Screen Readers - Labelling Elements
GOV.UK Focus Styles - Accessibility Wins, curated by Marcy Sutton
GOV.UK Focus Styles - Accessibility Wins, curated by Marcy Sutton
The award for most-visible focus styles goes to GOV.UK. The bright orange background color provides better-than-average contrast against the default background and text colors. It’s very consistent across the UI: clicking in an input field sets a visible border in the same color, well executed because there is no shift in layout (CSS outline for the win!).
·a11ywins.tumblr.com·
GOV.UK Focus Styles - Accessibility Wins, curated by Marcy Sutton
What is the Accessibility Tree? - html5 Video Tutorial #free @eggheadio
What is the Accessibility Tree? - html5 Video Tutorial #free @eggheadio
Coding for accessibility? You should get familiar with the accessibility tree, a structure produced by platform Accessibility APIs running parallel to the DOM, which exposes accessibility information to assistive technologies such as screen readers. There are multiple tools for visualizing this tree; in this lesson we'll look at Chrome and Microsoft Edge. For more on Accessibility APIs, refer to this amazing article by Leonie Watson. For a how-to on setting up the Chrome Accessibility Inspector, visit bit.ly/chrome-a11y.
·egghead.io·
What is the Accessibility Tree? - html5 Video Tutorial #free @eggheadio
Getting Started with VoiceOver & Accessibility - a11y, accessibility, ARIA,
Getting Started with VoiceOver & Accessibility - a11y, accessibility, ARIA,
If you are a web developer working on a Mac, you can become a hero for thousands of people out there by assuring that anything you create for the web can be read properly by a screen reader. This blog post is going to teach you how to access and wield this super power that is built into the OS you use everyday.
·bocoup.com·
Getting Started with VoiceOver & Accessibility - a11y, accessibility, ARIA,
How to Design for Color Blindness
How to Design for Color Blindness
Color blindness or color vision deficiency (CVD) affects around 1 in 12 men and 1 in 200 women worldwide. This means that for every 100…
·medium.theuxblog.com·
How to Design for Color Blindness
Avoid Default Browser Focus Styles | Adrian Roselli
Avoid Default Browser Focus Styles | Adrian Roselli
It is not uncommon to see developers and designers forego creating focus styles for controls on web sites and applications. For those who are aware of the need for the focus styles, the most common reason I hear for excluding them is that the browser provides focus styles by default…
·adrianroselli.com·
Avoid Default Browser Focus Styles | Adrian Roselli