All Posts Tagged: ARIA| adrianroselli.com
Here is the priority I follow when assigning an accessible name to a control: Native HTML techniques, aria-labelledby pointing at existing visible text, Visibly-hidden content that is still in the page, aria-label. Too often folks will grab ARIA first to provide an accessible name for a thing. Or they may…| Adrian Roselli
All Posts Tagged: usability| adrianroselli.com
All Posts Tagged: pattern| adrianroselli.com
All Posts Tagged: accessibility| adrianroselli.com
The aria-label and aria-labelledby attributes do the same thing but in different ways. Sometimes the two attributes are confused and this has unintended results. This post describes the differences between aria-label and aria-labelledby and how to choose the right one.| Tink - Léonie Watson - On technology, food & life in the digital age
The element semantically represents a generic grouping of content with an overarching theme. It is one of the HTML elements categorized as se...| www.scottohara.me
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
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
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
If it is important enough to need words, it is important enough to use text content.…| ericwbailey.website
There are various ways to hide content in web interfaces, but are you aware of the different ways they can impact the accessibility of the ‘hidden’ content? ...| www.scottohara.me
