ARIA

117 bookmarks
Newest
How to Use ARIA Roles and Properties Effectively - AFixt
How to Use ARIA Roles and Properties Effectively - AFixt
Accessible Rich Internet Applications (ARIA) is one of the most powerful tools in a developer’s accessibility toolkit—but it’s also one of the most misunderstood. While ARIA can improve accessibility when used correctly, misuse can actually make things worse for users who rely on assistive technologies (AT), such as screen readers. So, how do you use […]
·afixt.com·
How to Use ARIA Roles and Properties Effectively - AFixt
aria-label requires a valid role
aria-label requires a valid role
The [aria-label] attribute is used to provide an accessible name to an element that might not otherwise have one. For example, let’s say you have a button that’s used to download a file. Instead of text, it includes a download icon as an inline SVG, like this… button svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 16 16"path fill="currentColor" d="M13.922 5.626A3.72 3.72 0 0010.205 2a3.712 3.712 0 00-2.92 1.418 2.09 2.09 0 00-3.
·gomakethings.com·
aria-label requires a valid role
‘Can I Use…’, but for ARIA! - Bocoup
‘Can I Use…’, but for ARIA! - Bocoup
Three years ago we announced our work on the ARIA-AT program to develop an interoperability testing system for assistive technologies, starting with screen readers. Last year we completed a redesign of the ARIA Practices Giude (APG), which web developers use for guidance on making accessible websites and apps. We’ve been hard at work along the way to build a testing system and collect results on screen reader web rendering interoperability. Today we’re announcing that the first round of test results from ARIA-AT are available and embedded on the APG so web developers can read about screen reader support for various ARIA features.
·bocoup.com·
‘Can I Use…’, but for ARIA! - Bocoup
HTML Accessibility API Mappings 1.0
HTML Accessibility API Mappings 1.0
HTML Accessibility API Mappings (HTML-AAM) defines how user agents map HTML [HTML] elements and attributes to platform accessibility application programming interfaces (APIs). It leverages and extends the Core Accessibility API Mappings 1.2 and the Accessible Name and Description Computation 1.1 for use with the HTML host language. Documenting these mappings promotes interoperable exposure of roles, states, properties, and events implemented by accessibility APIs and helps to ensure that this information appears in a manner consistent with author intent.
·w3c.github.io·
HTML Accessibility API Mappings 1.0
ARIA vs HTML
ARIA vs HTML
Using ARIA instead of HTML is generally fine for content, layout, structure, and other static bits of a page. A div role=”heading” aria-level=”1″ is the same as h1 as far users and accessibility APIs are concerned. It is unlikely a user will ever notice the difference unless you use both…
·adrianroselli.com·
ARIA vs HTML
Die ARIA-Combobox
Die ARIA-Combobox
Type-Ahead, Autocomplete, Autosuggest — die Combobox hat viele Namen. Wir erläutern die barrierefreie Umsetzung fürs Web nach ARIA 1.2.
·tollwerk.de·
Die ARIA-Combobox
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
In this article, Kate Kalcevich explains when to use ARIA and how to use it properly so that you can use ARIA in a way that’s helpful to the many disabled people who use [assistive technology](https://makeitfable.com/glossary/?utm_source=Smashing+Magazine&utm_medium=sponsored+content&utm_campaign=Upskill&utm_term=Fable&utm_content=Sept2022) to navigate the Internet. Let’s dive in!
·smashingmagazine.com·
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
Are we live? | scottohara.me
Are we live? | scottohara.me
If you have an interface where content is dynamically updated, and when the content is updated it does not receive focus, then you likely are going to need a...
·scottohara.me·
Are we live? | scottohara.me