HTML test cases

A11y
Stop Giving Control Hints to Screen Readers | Adrian Roselli
TL;DR: for standard HTML controls and standard ARIA patterns (widgets), you do not need to add instructions for screen readers on how to use them nor what they are. When a screen reader encounters an element on the page that invites interaction beyond reading, it typically provides users with instructions…
a11yTO Conf: CSS Display Properties versus HTML Semantics | Adrian Roselli
Accessibility auditing and ego – Eric Bailey
Laying accessibility groundwork in ownCloud’s new web interface - ownCloud
Web accessibility is a complex topic, especially in the context of JavaScript-based web applications. With its new web interface, ownCloud starts to tackle this topic to create a front-end usable for and accessible to everyone, regardless of their circumstances, abilities or technologies used.
Accessibility Issues with Firefox Quantum and screen readers - AccessibilityOz
Popularity in browsers Firefox popularity among screen reader users has been consistently increasing for the last few years. In a 2015 WebAIM survey, 34.9% of participants answered “Internet Explorer 10” to a question “When using your primary screen reader, which browser do you use most often?”, whereas 31% answered “Firefox”. However, in a 2017 survey,
Richtlinien für die digitale Barrierefreiheit – [barrierefreies-webdesign.de]
Übersicht der Richtlinien für Barrierefreiheit im Web, in Dokumenten und in Software.
More accessible defaults, please!
Useful HTML elements like date inputs and `` could make the web a much better place, if browser accessibility bugs in their implementations were prioritised.
A developer's perspective: the problem with screen reader testing | Jake Tracey
Screen readers are an essential part of using the web for people who are vision impaired, illiterate or have a learning disability. Today’s screen readers traverse web pages and applications and read out user interface elements, content and allow users to navigate and interact with the web. There are many screen readers available for different devices and platforms, each with differing levels of…
Label in Name in WCAG 2.1
What is new in WCAG 2.1 Label in Name.
Semantik, WAI-ARIA und assistive Technologien | tollwerk
Rolle, Zustand und ein zugänglicher Name — wann ist HTML barrierefrei? Möglichkeiten und Grenzen barrierefreier Techniken, und wie ARIA dabei helfen kann.
Background: An in-depth guide to ARIA roles - The A11Y Project
A community-driven effort to make digital accessibility easier.
Grids Part 2: Semantics | Sarah Higley
A dive into table and grid semantics, why they matter so much to screen readers, and your options for repairing or augmenting basic table markup.
Grids Part 1: To grid or not to grid | Sarah Higley
The beginning of a series on interactive grid accessibility, starting with a look at when you need a grid, a table, or neither.
Avoid aria-roledescription | Adrian Roselli
HTML has all sorts of built-in features that, when used correctly, are accessible, will localize, and which just work. For example, if I want a button, I use , and a screen reader will announce it as button. For users in other languages, they will hear whatever is their word…
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.