@aardrian@toot.cafe
@aardrian@toot.cafe avatar

aardrian

@aardrian@toot.cafe

One hoopy frood who really knows where his towel is.

Searchable on tootfinder: https://tootfinder.ch/

This profile is from a federated server and may be incomplete. Browse more on the original instance.

aardrian, to random
@aardrian@toot.cafe avatar

I can’t imagine anyone buying a Tesla nowadays given how much cash Musk wants to bleed out of the company, pivot it to fake-AI, and generally turn all its cars into abandonware bricks (tho the CyberTruck is already that).

“Elon Musk ordered Nvidia to ship thousands of AI chips reserved for Tesla to X and xAI”
https://www.nbcnews.com/tech/tech-news/elon-musk-ordered-nvidia-ship-thousands-ai-chips-reserved-tesla-x-xai-rcna155371

aardrian, to random
@aardrian@toot.cafe avatar

Peeps.

Three days left.

I want to see all of you presenting cool stuff (and making my bronze sponsorship look good as a result), but you won’t get that chance if you don’t submit to #id24 before Friday, 7 June.
https://inclusivedesign24.org/2024/

Prior years are up there if you want to see the range of talks that have been accepted in the past. Most of them even showed up!

aardrian, to accessibility
@aardrian@toot.cafe avatar

I am not the only one to say this:

Please remember that WCAG itself is the bare minimum of . Conforming to WCAG does not guarantee something is accessible. It does not even guarantee something is usable. All WCAG does is provide you with a starting point. Lots of WCAG failures suggest the page has not even made it to the starting line.

Which I say at the end of this post comparing free automated WCAG testing with manual testing:
https://adrianroselli.com/2023/01/comparing-manual-and-free-automated-wcag-reviews.html#Takeaways

eric, to random
@eric@social.ericwbailey.website avatar

I am terrified that the European Accessibility Act is going to create a wellspring of opportunist grifters, AI solutioneers, and general technoabelist predation.

aardrian,
@aardrian@toot.cafe avatar

@eric I see you attended axe-con.

matthias_ring, to webdev
@matthias_ring@mastodon.social avatar

Is there a clickable, 2-level, responsive with minimal javascript, simple design, header and only, separate, free to use, up to date, modern browser.

Features I'm looking for:

  • full keyboard / screen reader support
  • no javascript dependencies
  • functional without javascript
aardrian,
@aardrian@toot.cafe avatar

@matthias_ring You want disclosure widgets. They are simple constructs that require JavaScript. What you want to do can be done with CSS, but then you have potential WCAG violations. Refs:
• https://adrianroselli.com/2019/06/link-disclosure-widget-navigation.html
• https://adrianroselli.com/2020/05/disclosure-widgets.html
• https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html

aardrian, to random
@aardrian@toot.cafe avatar

HTML and ARIA each have tri-state controls: the checkbox (HTML) and the toggle (ARIA, and ‘toggle’ is not its formal name). They have different purposes (form participant and not). They, appropriately, look and function differently. They live in isolation unless you group them appropriately. They are always watching you, judging.

“Check-All / Expand-All Controls”
https://adrianroselli.com/2024/03/check-all-expand-all-controls.html

This is an oblique reminder to choose the right control for the right purpose.

aardrian, to accessibility
@aardrian@toot.cafe avatar

“Chris’ Corner: A Variety of Ways to Fail”
https://blog.codepen.io/2024/06/03/chris-corner-a-variety-of-ways-to-fail/

“There are lots of accessibility failures that are hard or impossible to detect without actual usage and sometimes with unique people.”

aardrian, to accessibility
@aardrian@toot.cafe avatar

[1/2]
VoiceOver / Safari / macOS bug(s) confirmation requested.

Visit https://cdpn.io/aardrian/debug/VoQbLm

Navigate the first table using VO table navigation commands.

Using Safari 17.5 / macOS 14.5, VO returns the count of all rows, even hidden rows. It also lets me navigate hidden rows.

VO with Chrome has no issue.

Attached video (no captions other than speech viewer) shows this in action.

Navigating a table in VO / Safari, where it announces every row in the table, even the hidden ones.

aardrian,
@aardrian@toot.cafe avatar

[2/2]
However, in Safari 17.3.1 Rebecca Mazur had a different experience.

VO / Safari does not announce all hidden rows.

After expanding a hidden row, she could not navigate past the new rows.

I cannot run an older version of Safari, so I cannot replicate it.

Looking for other folks with VO / Safari to tell me their experience — and Safari / macOS version numbers.

I want to have sufficient detail for a bug report.

Navigating a table with hidden rows, but then expanding those rows prevents navigating past them.

aardrian,
@aardrian@toot.cafe avatar

@babbage
> the same devices that can run Safari 17.3.1 can run 17.4 and 17.5 if you just install the latest iOS updates.

I am testing on macOS

> Both of those Safari versions list multiple VoiceOver fixes.

VO on iDevice is different than macOS. Also, I have years of evidence that reported fixes are often wrong.

> I’d suggest there’s no point submitting a bug report unless the issue can be replicated on the current version of Safari…

The first post is the current version of Safari.

aardrian,
@aardrian@toot.cafe avatar

@siblingpastry I appreciate the confirmation. I do not appreciate the notion of brute-forcing it with script.

Ugh (that is not aimed at you).

Thanks.

teacherbuknoy, to accessibility
@teacherbuknoy@masto.ai avatar

Kudos to Quezon City government for making their website more accessible. According to this article, the website is now passing the 2.1 at AA level.

I visited the website and, well, it is accessible I guess. But like other Philippine government websites, the UX is passable but still terrible lol. And it seems that they're using an overlay for the screen reader feature? Big ick for me.

https://www.manilatimes.net/2024/06/03/news/qc-website-gets-pwd-friendly-certification/1949744

aardrian,
@aardrian@toot.cafe avatar

@teacherbuknoy That little widget introduces more WCAG issues than it solves.

As it is, a glance tells me that home page has issues (how do I pause or stop that cycling image?) and Axe dev tools finds some easy hits.

I appreciate they tried, but the firm doing the testing appears to have missed some stuff or never confirmed that fixes were made.

Still better than many municipality sites, of course.

darrell73, to accessibility
@darrell73@mastodon.online avatar

Hey everyone. On Wednesday I learned that I successfully passed my #CPACC exam! That combined with my existing #WAS certification makes me a #CPWA now! This has been a long-standing dream and goal of mine and I am ecstatic to have finally accomplished this achievement! #accessibility

aardrian,
@aardrian@toot.cafe avatar

@darrell73 Well done!

aardrian, to random
@aardrian@toot.cafe avatar

Rough “toggle” guidelines:

  1. Use <button aria-pressed> for immediate effect and when JS is known to exist:
    https://adrianroselli.com/2019/08/under-engineered-toggles-too.html

  2. Use a checkbox for submissions and when maybe no JS (PE):
    https://adrianroselli.com/2019/03/under-engineered-toggles.html

  3. Use either of above with role="switch" only when it will never have an indeterminate state:
    https://adrianroselli.com/2021/10/switch-role-support.html

  4. Avoid Apple’s proposed switch attribute for now (anchor link):
    https://adrianroselli.com/2021/10/switch-role-support.html#Update02

Adjust as appropriate.

cc @Lukew

aardrian,
@aardrian@toot.cafe avatar

@yatil
Yup:
https://github.com/whatwg/html/pull/9546

@hdv @Lukew

aardrian,
@aardrian@toot.cafe avatar

@Lukew
Yup, that’s about it.

I think they need to sort mapping since checked takes priority over aria-checked for checkboxes, which means they can go sideways if the author sets indeterminate on checkbox even with its switch attribute (as in, conflict that needs to be sorted by UAs).

But memory foggy.

@yatil @hdv

aardrian,
@aardrian@toot.cafe avatar

@yatil
And how they handle / expose mixed states.

Which is outside the remit of aria-roledescription. It is genuinely a different control, but shoehorned into an existing control just to enforce a binary.

@Lukew @hdv

aardrian,
@aardrian@toot.cafe avatar

@Lukew
And I am broadly on board with native HTML elements / attribute that mean related ARIA bits become mooted (following the original remit of ARIA — to be mooted).

But I am not a fan of how Apple handled it.

@hdv @yatil

aardrian,
@aardrian@toot.cafe avatar

@Lukew
This feels like homework.

@yatil @hdv

aardrian,
@aardrian@toot.cafe avatar

@Lukew
> It's unfortunate that theirs still had the weird checkbox form submission behaviour (last I checked anyway)

I don’t know what the means, but that’s probably not a big deal since you seem to.

@yatil @hdv

aardrian,
@aardrian@toot.cafe avatar

@Lukew
…or mixed / indeterminate.

@yatil @hdv

aardrian,
@aardrian@toot.cafe avatar

@Lukew
Then you don’t have parity with ARIA.

@yatil @hdv

aardrian,
@aardrian@toot.cafe avatar

@yatil
Yes.

See my posts with the example of airplane mode but wifi is on.

@Lukew @hdv

aardrian,
@aardrian@toot.cafe avatar

@yatil
No, it’s for a trinary control. So definitely not a switch.

And if you think that UI pattern should die in a fire, fine. But it also exists in native UIs and pre-dates the modern web (I could do this in Windows in the old win16 days).

@Lukew @hdv

aardrian,
@aardrian@toot.cafe avatar

@Lukew
APG is not a spec. It’s a bit of an ARIA fever dream.

You can see an ARIA (the spec) discussion here:
https://github.com/w3c/aria/issues/1406

@yatil @hdv

aardrian,
@aardrian@toot.cafe avatar

Amended context:

None of these were terribly relevant for the Open UI draft proposal, but I left feedback regardless:
https://github.com/openui/open-ui/issues/1058#issuecomment-2144035788

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • ngwrru68w68
  • everett
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • GTA5RPClips
  • Durango
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • provamag3
  • ethstaker
  • osvaldo12
  • tester
  • cubers
  • cisconetworking
  • mdbf
  • tacticalgear
  • modclub
  • Leos
  • anitta
  • normalnudes
  • megavids
  • lostlight
  • All magazines
    •