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
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…
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
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...
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.
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…
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.
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!
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
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
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 ...
Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…