Skip to main content

Search

Items tagged with: aria


🤡 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/

#a11y #webDev #politics #ARIA


aria-roledescription is not a label

It 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.1

The 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/



What Is ARIA Even For? https://vimeo.com/478398140 by @heydon #aria #webdev #a11y


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


Related, my HTMHell article "You Don't Need ARIA For That" https://www.htmhell.dev/adventcalendar/2022/2/ #aria #webdev #a11y #html


Common ARIA mistakes and how to avoid them https://www.oidaisdes.org/common-aria-mistakes.en/ #aria #webdev #a11y


CSS-only Widgets Are Inaccessible https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html by @aardrian #webdev #css #a11y #aria


Using CSS to Enforce Accessibility https://adrianroselli.com/2021/06/using-css-to-enforce-accessibility.html by @aardrian #css #aria #a11y #webdev


Common ARIA mistakes and how to avoid them
https://www.oidaisdes.org/common-aria-mistakes.en/
#aria #webdev #a11y


Meaningful labels using ARIA – or not — 🔥 HTMHell Advent 2022 Day 7 https://www.htmhell.dev/adventcalendar/2022/7/ #aria #webdev #a11y


You Don't Need ARIA For That: https://www.htmhell.dev/adventcalendar/2022/2/ 🔥 HTMHell Advent 2022 Day 2 #html #webdev #a11y #aria


So I recommended this resource again on the complexity of custom selects, etc. "<select> your poison" by Sarah Higley. Includes CodePen examples. https://sarahmhigley.com/writing/select-your-poison/ #a11y #webdev #aria


"Change the name, but not the state, of play/pause buttons. Use state for all other toggle buttons."
https://sarahmhigley.com/writing/playing-with-state/
#webdev #aria #a11y #buttons


🤔 Wondering what #ARIA attributes can be used on #HTML elements?
Wonder no more:
ARIA in HTML
https://www.w3.org/TR/html-aria/
#webdevelopment #accessibility #W3C


Fact: I never implemented role='application' in my entire career as a front-end web development. Related: https://www.a11yproject.com/posts/how-to-use-application-role/ #a11y #aria #webdev


Surprised to learn that support for the ARIA log role is reportedly pretty good. Anyone have direct experience with that?
https://a11ysupport.io/tech/aria/log_role #aria #a11y


"aria-label is a code smell" — great article detailing issues with using aria-label https://ericwbailey.website/published/aria-label-is-a-code-smell/ by @ericwbailey #aria #webdev #a11y #htmlFirst


@marcozehe Have you taken your site at marcozehe.de offline? Or is its unavailability just temporary? I was used to link to your # tips and other articles when explaining accessibility topics.

⇧