Search
Items tagged with: ARIA
Why are my live regions not working? by @patrick_h_lauke
"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."
https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/
A look at the new WAI-ARIA 1.3 draft
Exploring WAI-ARIA 1.3: A Future look at Web Accessibility.Craig Abbott (craigabbott.co.uk)
🤡 The wrong way to use aria-roledescription to call out someone as a fascist:
https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/
aria-roledescription is not a labelIt is an alternative expression of the Aural UI of the role of an element.
inappropriately using aria-roledescription may inhibit users’ ability to understand or interact with an element.
ARIA 1.1The wrong way to use aria-roledescription and call out someone as a fascist:
code
<img aria-roledescription="fascist" src="dt.PNG"
alt="Donald Trump">This is wrong because you are not identifying the subject of the image as a fascist, you are overwriting the <img> element role so it effectively becomes a <fascist> element. Also, there is no explicit text identification of the subject as a fascist.
A much better way to achieve the aim of identifying a fascist (and not misusing aria-roledescription):
Example of a fascist
code
<figure>
<figcaption>Example of a fascist</figcaption>
<img src="dt.PNG" alt="Donald Trump">
</figure>https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/
THUS SPOKE HTML - TPGi
For sighted users, HTML is visual, for screen reader users, HTML is spoken. For example is read out loud as “text content of heading, Heading level 1.″Steve Faulkner (TPGi)
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
#accessibility #html #webStandards #ARIA
https://www.tpgi.com/author/steve/
With the help of ChatGPT I have added alt text to images in my slide deck "No Industry for Old Men" from #a11yTO 2023
#a11y #webStandards #HTML #ARIA #Depression #aging #ai
https://docs.google.com/presentation/d/166SRyG4KEHAY1d1BiSqdyQhGBL5zjiW09JYSkc4IVI8/edit?usp=sharing
What Is ARIA Even For?
In this inaugural episode, I talk about some common pitfalls of using ARIA with the help of Ada Lovelace, a goat, and a dinosaur with a for a head. Thanks to everyone…Vimeo
The aria-modal attribute is just terrific. Now we need TalkBack and Narrator to support it.
The spec: https://www.w3.org/TR/wai-aria-1.1/#aria-modal
Support: https://a11ysupport.io/tech/aria/aria-modal_attribute
#aria #webdev #modals #dialogs
Accessible Rich Internet Applications (WAI-ARIA) 1.1
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.www.w3.org
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
Common ARIA mistakes and how to avoid them
ARIA roles and attributes can make your website more accessible, if you know what you're doing.www.oidaisdes.org
CSS-only Widgets Are Inaccessible
Usually. I originally titled this InacCSS-onlyible. I even made this typographically, er, distinct image. Then I realized it was silly and will instead use the neologism in a talk so I can hear the groans IRL.Adrian Roselli
Using CSS to Enforce Accessibility
The CSS3 logo as a head atop a torso with its arms folded across its chest. I am a big proponent of the First Rule of ARIA (don’t use ARIA). But ARIA brings a lot to the table that HTML does not, such as complex widgets and state information that…Adrian Roselli
https://www.oidaisdes.org/common-aria-mistakes.en/
#aria #webdev #a11y
Common ARIA mistakes and how to avoid them
ARIA roles and attributes can make your website more accessible, if you know what you're doing.www.oidaisdes.org
Meaningful labels using ARIA – or not. - HTMHell
A collection of bad practices in HTML, copied from real websites.Meaningful labels using ARIA – or not. - HTMHell
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
your poison | Sarah Higley
The omnibus guide to understanding and making select components and comboboxesSarah Higley
https://sarahmhigley.com/writing/playing-with-state/
#webdev #aria #a11y #buttons
Wonder no more:
ARIA in HTML
https://www.w3.org/TR/html-aria/
#webdevelopment #accessibility #W3C
ARIA in HTML
This specification defines the authoring rules (author conformance requirements) for the use of Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Digital Publishing WAI-ARIA Module 1.0 attributes on [HTML] elements.www.w3.org
How-to: Use role='application' - The A11Y Project
Never use role='application' on a widely containing element body if your page consists mostly of traditional page elements.www.a11yproject.com
https://a11ysupport.io/tech/aria/log_role #aria #a11y
aria-label is a code smell
If it is important enough to need words, it is important enough to use text content.…Eric Bailey
https://webaim.org/blog/aria-cause-solution/ #a11y #aria