Web Accessible Code Libraries and Design Patterns | Web Axe
The best web accessibility tools for developers in 2021 - DEV Community 👩💻👨💻
The quality of the tools you use defines the speed with which you can diagnose and resolve problems....
Accessible Web Animation: The WCAG on Animation Explained | CSS-Tricks
It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to
GAAD Parade des AK Barrierefreiheit der German UPA
Artikelparade zu Accessibility & Usability. Organisiert vom AK Barrierefreiheit der German UPA.
HTML Accessibility API Mappings 1.0
Uncanny A11y | Adrian Roselli
Original photo by Kevin Hale (photo no longer on Flickr), text added. CC BY-SA 2.0. The pun in the title is that some people pronounce the a11y numeronym as “alley”. That makes the full title sound like uncanny valley, the concept of human-looking things seeming almost, but not quite, human…
Part 2: 30 Days of Accessibility Testing
Last week, I finished my 30 Days of Accessibility Testing challenge from Ministry of Testing. I previously talked about the first 15 days of doing the challenge in this blog post, Part 1: 30 Days of Accessibility Testing. It's been a long month and there were definitely days where I skipped the challenges but still man
Part 1: 30 Days Of Accessibility Testing
Accessible icon links | Hugo “Kitty” Giraudel
I’m Hugo “Kitty” Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity.
External Links, New Tabs, and Accessibility / Coder's Block
Let’s talk about making your site’s external links open in a new tab. First we’ll consider if this is even a good idea, then we’ll look at ways to improve the...
Assistive technology: Operating System and Browser Accessibility Display Modes - The A11Y Project
A community-driven effort to make digital accessibility easier.
Web Accessibility Testing with VoiceOver
Recent research shows a continued increase in the use of screen readers on mobile devices. Check out this demo on how to use VoiceOver on an iPhone to shed light on how to implement better accessibility testing on your website.
Accessibility, News and You
We want to be the most accessible news website in the world. This is how.
F87: CSS Generated Content and WCAG Conformance | Adrian Roselli
The Web Content Accessibility Guidelines (WCAG) does a good job of providing supporting techniques to help reviewers determine if a specific case would violate a given Success Criterion (SC). WCAG 2.0, which became a recommendation at the end of 2008, has carried these techniques over to WCAG 2.1, finalized in…
aria-label, aria-labelledby, and aria-describedby: What's the Difference?
Diving deep into three attributes that bring clarity to elements in assistive technologies.
Alt vs Figcaption
Describing images with the alt attribute and figcaption element.
Weaving Web Accessibility With Usability — Smashing Magazine
In this article, Uri Paz explains how a site complying with accessibility guidelines may still present usability issues when testing with real users. Find out how weaving accessibility best practices with usability testing, can help as many people as possible to fully use your site.
10 Foolproof Tips for Maximizing Website Accessibility - Zaengle Corp
Making a website accessible for everyone is easier than you may think. We discuss 10 foolproof tips that, when implemented, will improve the accessibility of your website.
How (not) to make accessible data visualizations, illustrated by the US presidential election. - DEV Community 👩💻👨💻
Originally published @ fossheim.io. In the days around the 2020 US presidential elections a lot of p...
Creating Accessible Data Visualizations on the Web - Peatworks
In the age of technology, data is everywhere. The volume of data we encounter can be overwhelming, especially if it relates a concept that is new to us or comes without context. What’s more, the rate of data being collected is doubling every two years!
Colourscales are everything in data visualisation – are you using them effectively? | by JP Hwang | Nov, 2020 | Towards Data Science
How choosing the right colour and scales can make or break your message
Your first attempt at making anything accessible will be awful - Sheri Byrne-Haber's Blog
Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.
The UX of Among Us: The importance of colorblind-friendly design | by Unma Desai | Oct, 2020 | UX Collective
With the rising popularity of the game, I attempt to explain the need for colorblind-friendly design, to make the game more accessible.
Accessibility Matters - Home
Documenting everything through the journey of learning web accessibility.
An opinionated guide to accessibility testing /// Iain Bean
Automated tools like Lighthouse are great, but if you want to really understand accessibility, you’ll need to get your hands dirty.
Pixels vs. Relative Units in CSS: why it’s still a big deal - 24 Accessibility
Long live the modern browser! Browsers are getting better these days. We seem to be in a golden age where there’s a never-ending stream of new features added for the benefit of the users accessing the page, and really great tools for those creating the page. It hasn’t always been the case, though. Earlier versions […]
Maybe You Don’t Need a Date Picker | Adrian Roselli
Calendar controls, date pickers, date widgets, whatever you call them, however they are described, they follow the same basic principle — present the user with a calendar to enter a date (and sometimes a time). Chris Blakeley, CC BY-NC-ND 2.0 The native implementations come from browsers when authors use
duetds/date-picker
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/ - duetds/date-picker
Checka11y.css - CSS stylesheet to quickly highlight a11y concerns
Checka11y.css is a pure CSS stylesheet to highlight accessibility concerns and is lightweight, modern, accessible and easy to use.
marcus.io · Twenty inclusive strategies for building web apps in 2020
With the start of the new year, it is a good opportunity to look into the accessibility of your web app. Here are 20 starting points to make your web app more inclusive in 2020. Covering the basics is 90% of the way ...