Listbox Pattern | APG | WAI | W3C
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
It is common on the web for the current thing in a collection to be highlighted visually, but providing an alternative for screen reader users has often involved something of a hack. The aria-current attribute is intended to solve this problem.| Tink - Léonie Watson - On technology, food & life in the digital age
Testing with Screen Readers| webaim.org
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
We love useful stuff, and we love quality writing. Every Tuesday, we send out an editorial email newsletter with useful tips and techniques for designers and developers — thoroughly collected, written and edited by us exclusively for our readers. Once subscribed, you’ll receive a small token of appreciation — a free eBook just for you.| Smashing Magazine
The spatial computing experiences of Apple Vision Pro go even further with visionOS 2. All-new ways to relive memories, play, work, and navigate.| Apple
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.| Ben Myers
TL;DR: Despite claims, APG’s support charts are not ARIA support charts and they are not analogous to Can I Use. While brand new and likely to grow, their scope is still strictly APG patterns. Why I Say This I have opinions on the ARIA Authoring Practices Guide (APG). I am…| Adrian Roselli
Using ARIA instead of HTML is generally fine for content, layout, structure, and other static bits of a page. A is the same as as far users and accessibility APIs are concerned. It is unlikely a user will ever notice the difference unless you use both…| Adrian Roselli
Keyboard interaction note for just one control from the entire panoply of HTML controls: A native| Adrian Roselli
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
HTML| html.spec.whatwg.org
Screen Reader User Survey #10 Results| webaim.org
The View Transition API lets you add transitions between views of a website.| Chrome for Developers
Live regions have a reputation for being "flaky" and inconsistent. While this can be attributed in part to shortcomings in current implementations, the problem can also be caused by developers misunderstanding how live regions are intended to work.| TetraLogical
The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. This pseudo-class presents a way of selecting a parent element or a previous sibling element with respect to a reference element by taking a relative selector list as an argument.| MDN Web Docs
Automated accessibility testing is a process where you use a series of scripts to test for the presence, or lack of certain conditions in code. These conditions are dictated by the Web Content Accessibility Guidelines (WCAG), a standard by the W3C that outlines how to make digital experiences accessible. Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process. Today, Eric Bailey wil...| Smashing Magazine
ARIA is a very useful tool for helping to enhance accessible web experiences, but it should only be used when no other options are available.| www.a11yproject.com
TL;DR: Stop using the word drop-down. Instead choose a term that accurately describes the control you want. I have worked both with native platform developers and web developers. While control names might differ, if a control was functionally the same then it was not an issue. A TextBox, for example,…| Adrian Roselli
The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.| MDN Web Docs
ARC Toolkit – Quickly uncover and resolve accessibility issues on any web page with TPGi’s single-page, on-demand, accessibility testing tool| TPGi
Braille displays provide access to information on a computer screen by electronically raising and lowering different combinations of pins in braille cells. A braille display can show up to 80 characters from the screen and is refreshable—that is, it changes continuously as the user moves the cursor around on the screen, using either the command keys, cursor routing keys, or Windows and screen reader commands. The braille display sits on the user’s desk, often underneath the computer keybo...| The American Foundation for the Blind
Intent| www.w3.org
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…| Adrian Roselli
Create truly inclusive websites, mobile apps and web content with axe® accessibility testing tools. Inclusive experiences are better experiences.| Deque
Using NVDA to Evaluate Web Accessibility| webaim.org
As of my 28 January 2024 update at the end of this post, aria-label auto-translation support is seemingly as spotty as when I first wrote this post. It does, actually. Sometimes. One of the big risks of using ARIA to define text content is that it often gets overlooked in…| Adrian Roselli
Large, rectangular menus group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.| Nielsen Norman Group
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification [WAI-ARIA-1.1], which defines a way to make Web content and Web applications more accessible to people with disabilities. This document demonstrates how to use WAI-ARIA in [HTML51], which especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.| www.w3.org
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
If it is important enough to need words, it is important enough to use text content.…| ericwbailey.website
As an extension to our From URL to Interactive series, designer and front-end developer Melanie Richards takes a deep dive into how our content is accessed by a wide array of screen readers, which …| A List Apart
Successful web accessibility is about anticipating the different needs of all sorts of people, understanding your fellow web users and the different ways they consume information. Armed with this understanding, accessibility becomes a cold, hard technical challenge. How do assistive technologies present a web application to make it accessible for their users? Where do they get the information they need? One of the keys is a technology known as the accessibility API.| Smashing Magazine
The WebAIM Million| webaim.org
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
Let's talk about state. Communicating state to the user that is, not application stores state in JavaScript objects, or localStorage. We're going to be| CSS-Tricks
Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to allow an author to properly convey user ...| w3c.github.io
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to allow an author to properly convey user ...| www.w3.org
Without accurate, relevant names, roles, and values present, it can be incredibly difficult, if not impossible for someone to use your digital experience. That’s exclusion. Hard stop…| ericwbailey.website
Forget inverting binary trees, translating or localizing a digital experience is one of the most difficult things you can do with software..| ericwbailey.website
