SteveFaulkner, to webdev
@SteveFaulkner@mastodon.social avatar

👉🏼 A SIMPLE CUSTOM
Had reason to re-read this recently.

“For whatever reason some people don’t like the standard HTML checkbox and radio button, they seek to jazz ’em up and in the process the often jizz up the usability/accessibility of these controls.”

#HTML #ARIA #CSS #accessibility

https://html5accessibility.com/stuff/2021/01/24/a-simple-custom/

patrick_h_lauke, to accessibility
@patrick_h_lauke@mastodon.social avatar

for #gaad #GAAD2024 just going to re-point to my recent "Why are my live regions not working?" https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/ #a11y #Accessibility #aria

marcus, (edited ) to random
@marcus@mastodon.social avatar

Oh, people, please stop this approach of "that semantic role name sounds about right to what I am looking for, or what it looks like" when using ARIA.

No, a container of a carousel with separate slides in it is not a listbox.

This "dangerous half-knowledge" of ARIA once again easily replaced my Sunday morning coffee.

patrick_h_lauke, (edited )
@patrick_h_lauke@mastodon.social avatar

@marcus "it's ok, i'll add an aria-roledescription to it to explain what it actually is..." #accessibility #a11y #aria

pawelgrzybek, to webdev
@pawelgrzybek@mastodon.social avatar

Interesting HTML/Accessibility fact.

HTML supports 6 levels of headings. ARIA supports 9 hierarchical levels, via aria-level property.

WAI-ARIA Spec:
https://w3c.github.io/aria/#aria-level

“Tackling The Web's Oldest Problem” episode of Igalia Chats podcast by @Meyerweb and @bkardell:
https://www.igalia.com/chats/heading

SteveFaulkner, to accessibility
@SteveFaulkner@mastodon.social avatar

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."

#a11y #webDev #HTML #ARIA

https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/

CindyWeinstein, to Futurology
@CindyWeinstein@zirk.us avatar

Honored to keep company with #neurologist, #DanielGibbs's #book about his own experience of #dementia. The tattoo in the title is the #brain bleed (aka #ARIA) that occurred while in #clinicaltrials related to anti-#amyloid drugs. He has no regrets & would do it all over again if it might advance brain science & help in the effort to #ENDALZ.

If you have read either my #memoir or his, please consider reviewing them on #amazon. In different ways, we both aim to inform readers & undercut #stigma.

WebAxe, to webdev
@WebAxe@a11y.info avatar
mnmlist, to random German
@mnmlist@social.tchncs.de avatar

Schade .. mit funktioniert scheinbar noch nicht optimal 🤔

caos,
@caos@metalhead.club avatar
kazuhito, to random Japanese
@kazuhito@vivaldi.net avatar
patrick_h_lauke,
@patrick_h_lauke@mastodon.social avatar

@kazuhito with a slight warning that aria-live="off" doesn't actually mean what it initially seems to mean https://github.com/w3c/aria/issues/2144 #a11y #accessibility #aria

patrick_h_lauke, to random
@patrick_h_lauke@mastodon.social avatar

another week, another instance where i have to explain to a developer why their aria-live region isn't working (they make it appear in the DOM, fully populated with the notification they want announced). goddammit, i need to sit down properly and propose some better language for the #ARIA spec (or core-aam) to make it clear how this scenario is supposed to work (or not). tired... #a11y #accessibility

WebAxe, to webdev
@WebAxe@a11y.info avatar
alan42, to accessibility
@alan42@mastodon.social avatar

ARIA is all too often used in the same way someone buys a Tesla and then, knowing it has “auto pilot”, turns it on and then has a nap.

patrick_h_lauke, to accessibility
@patrick_h_lauke@mastodon.social avatar

live regions are ... fun, when combined with borked browser and/or screen reader behavior #a11y #accessibility https://bugzilla.mozilla.org/show_bug.cgi?id=1885011

one of the flakiest bits of #aria (closely followed by things relying on aria-activedescendant)

Wen, to classicalmusic
@Wen@mastodon.scot avatar

Wilhelmenia Fernandez soprano and Jewel of Diva dies

From 1981, I remember seeing #Diva in a seedy cinema (with a good sound system). #Fernandez sings an aria from ‘La Wally’ which is just breathtaking.

I bought the (double) CD and was heartbroken to find out there was a good reason I was unfamiliar with the opera. The aria is just magnificent though.

https://www.youtube.com/watch?v=2hsmoo97CVA Have a listen/watch I doubt you will be dissapointed

#aria #sublime #ClassicalMusic

Photo Wilhelmenia Fernandez and Frédéric Andréi in Diva

aardrian, to webdev
@aardrian@toot.cafe avatar

I wrote about bulk expand / collapse and bulk check / uncheck controls:
https://adrianroselli.com/2024/03/check-all-expand-all-controls.html

In short:
• Use <input type="checkbox" [checked]> if you want to bulk check / uncheck a bunch of checkboxes.
• Use <button aria-pressed="true|false|mixed"> if you want to bulk expand / collapse a bunch of disclosures.

sarajw, (edited ) to random
@sarajw@front-end.social avatar

Are there any good tutorials on the Adobe React Aria component library?

Specifically on making an accessible fancy select-a-like that includes images and descriptive text, if such an article exists.

The docs seem good but I've ended up a little stuck anyway, and would appreciate something very step by step to just plough my way through.

Thank you!

WebAxe, to webdev
@WebAxe@a11y.info avatar

Updated: WAI rules for using ARIA in HTML
https://www.w3.org/TR/2024/REC-html-aria-20240216/
#aria #webdev #a11y #html

contributopia, to milano Italian
@contributopia@vivaldi.net avatar

Un lungo articolo di @valigiablu sulla qualità dell'aria a e dintorni e sulle recenti polemiche che hanno accompagnato la diffusione di alcuni dati: https://www.valigiablu.it/inquinamento-aria-milano-pianura-padana-dati/ Molto interessante , da leggere @ambiente @fffitalia @filippodb @macfranc

jgarber, to accessibility
@jgarber@mastodon.cc avatar

New to add to your collection: <aria-collapsible>

Generate progressively-enhanced collapsible regions using States and Properties.

💻 Code: https://github.com/jgarber623/aria-collapsible

🧩 Demo: https://jgarber623.github.io/aria-collapsible/example/

📦 Package: https://www.npmjs.com/package/@jgarber/aria-collapsible

thatgiga, to random Italian
@thatgiga@mastodon.social avatar

Grazie al , per i prossimi dieci anni in Italia la direttiva europea che limita l'inquinamento dell' non verrà applicata. Padroni a casa nostra!

thatgiga, to random Italian
@thatgiga@mastodon.social avatar

La #Lombardia chiede una #deroga di dieci anni della direttiva europea che definisce la qualità dell'#aria. E offre ai suoi cittadini dei corsi di apnea a prezzo agevolato.

LRL, to accessibility
@LRL@toot.community avatar
paolinus, to random Italian
@paolinus@mastodon.social avatar

Stamattina molti milanesi si sono svegliati ed hanno scoperto che non respirano la stessa aria che c'è sul Cervino.

D'altra parte avevano puntato sulla Milano da bere, mica da respirare...quindi ci sta.

SteveFaulkner, to accessibility
@SteveFaulkner@mastodon.social avatar
WebAxe, to webdev
@WebAxe@a11y.info avatar
  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • kavyap
  • DreamBathrooms
  • ethstaker
  • magazineikmin
  • vwfavf
  • GTA5RPClips
  • Youngstown
  • khanakhh
  • slotface
  • rosin
  • everett
  • mdbf
  • tacticalgear
  • provamag3
  • ngwrru68w68
  • InstantRegret
  • cubers
  • cisconetworking
  • Durango
  • thenastyranch
  • osvaldo12
  • tester
  • modclub
  • normalnudes
  • anitta
  • Leos
  • JUstTest
  • All magazines