@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 have failed more than once to dump Adobe products. Today, prior to hearing about this, I bought the Affinity suite. It opens my PSD & AI files.
https://social.ericwbailey.website/@eric/112587540531838008

I still have to figure out if I can just get a one-off Acrobat license for PDF work, but frankly I am happy to sub any PDF work.

aardrian, to random
@aardrian@toot.cafe avatar

Trying to figure out how to see streams from the last few days of events in Amsterdam.

#a11yClub #summit appears to require a ticket but no info on if there is/was a stream:
https://ti.to/tollwerk/accessibility-club-summit-2024

#CSSDay also requires payment for access to the stream but it’s not clear if the vids are available yet nor which level to buy:
https://www.youtube.com/channel/UCuZeHD5SGecQomz2pVDHGzg/join

So… any tips?

aardrian, to accessibility
@aardrian@toot.cafe avatar

I outline my approach to crafting image alternative text:
https://adrianroselli.com/2024/05/my-approach-to-alt-text.html

This does not mean it is correct. Or ideal. Or even good. It’s just how I do it.

aardrian, to random
@aardrian@toot.cafe avatar

I created this web components logo using insight from @mayank and @zachleat into existing logos.

Whether you use custom elements, Shadow DOM, slots, custom events, <template>, or whatever else makes you choose to call your mundane thing a “web component”, this is the logo for you.

And yes, I am using this in a blog post coming out next week.

aardrian, to accessibility
@aardrian@toot.cafe avatar

Oh GitHub.

@sclower filed a discussion item (with @jscholes confirming) and since I was bumping into it during a call today I also made a video:
https://github.com/orgs/community/discussions/127592

A lot going on here:
• Verbose.
• The instructions sometimes lie.
• Some triggers are a problem.
• Fake-dialog has issues.
• Those are links, not disclosure triggers.
• Verbose.
• Also, verbose.

NVDA navigating this “hover card” pattern, first via link shortcut keys (through 0:22), then tabbing at 0:25, then virtual cursor at 0:38. I try to trigger it at 0:08 and 0:10 to no avail.

aardrian, to accessibility
@aardrian@toot.cafe avatar

“Maybe Don’t Name That Landmark”
https://adrianroselli.com/2024/06/maybe-dont-name-that-landmark.html

TL;DR: You probably don’t need to name that landmark. Even if you have two of the same landmark.

aardrian, to random
@aardrian@toot.cafe avatar

Oh, authors will do this
https://mastodon.social/@charis/112569015618159293

I have done many audits where the devs claim their framework won’t let them reorder the HTML, so they use CSS techniques and fail an SC they never knew existed (1.3.2 Meaningful Sequence).

aardrian, to random
@aardrian@toot.cafe avatar

Over on hell-site @ashleemboyer shared the following she found in the wild:

<nav aria-label="Navigation header with 5 links and 1 dropdown menu with links">  

It gave wrong counts, it was verbose, it used lingo, and it was utterly unnecessary (there was one other <nav> on the page, but in the <footer>).

Most sites don’t need to (shouldn’t) have accNames on <nav>. If you have more than on <nav> in the same landmark, then maybe?

But her example was wow.

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

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, 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 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, to random
@aardrian@toot.cafe avatar
aardrian, to random
@aardrian@toot.cafe avatar

Is it normal for Google / Chromium to assign a bug report to the reporter?

Someone with a google-dot-com email address assigned it to me but I have no idea what that means.

Like, do I work for Google now? Is that how it happens?

https://issues.chromium.org/issues/342172183

aardrian, to accessibility
@aardrian@toot.cafe avatar

I am backing Karl’s Eventably IndieGoGo:
https://www.indiegogo.com/projects/eventably/x/2993357#/

Partly because event platforms are accessibility poop-shows, partly because I think Karl (and team) can build it, partly because there are only 17 days left and I didn’t want to forget.

aardrian, to accessibility
@aardrian@toot.cafe avatar

Regarding last boost, you may recall I have warned people to be wary of any accessibility content in posts at Google’s web•dev.

My simplest example is this 1½-year-old report on an egregiously wrong tool-tips post that its author, and site editors, have chosen to simply ignore:
https://issuetracker.google.com/issues/298296173

Last boost:
https://yatil.social/@yatil/112523179509422934

aardrian, to random
@aardrian@toot.cafe avatar

I have no recollection why I made this a couple years ago, but stumbling across it just now brought me joy. I mean, not the kind of joy others might feel, because I am kind of fucked up.

https://codepen.io/aardrian/pen/OJvQdjK

aardrian, to accessibility
@aardrian@toot.cafe avatar

Chrome / TalkBack bug I first reported in 2020, and which was fixed for a time (?) appears to be back. Looking for confirmation before I file yet another one.

A named region with a tabindex does not expose its contents. Chrome / TalkBack only announces its accName and role.

I think I have an ugly workaround (“Shawarma” heading).

Test case:
https://codepen.io/aardrian/pen/ExzyadL

Similar to issue I filed earlier this month, which I limited to APG tab panels.

aardrian, to accessibility
@aardrian@toot.cafe avatar

Folks.

I am once again a bronze supporter of Inclusive Design 24.

I want to see all of you presenting cool stuff (and making me look good as a result), but you won’t get that chance if you don’t submit before 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.

aardrian, to OpenAI
@aardrian@toot.cafe avatar
aardrian, to random
@aardrian@toot.cafe avatar

Having a day where I type “aria-labledby”, then correct it to “aria-labeledby”, then correct it to “aria-labelledby”, then correct it to “aria-lable”, then correct it to “aria-label”, then correct it to “<lable>”, then correct it to…

Anyway, gonna work on a &lt;tabel&gt; this afternoon so at least I’ll get a break.

aardrian, to accessibility
@aardrian@toot.cafe avatar

I would be pissed with Google’s new fake search if I was WebAIM. It directly sources WebAIM (from an old survey), but it doesn’t link to the WebAIM survey results it cites. Instead it links to BoIA (an company) and Assistiv Labs.

The option to see web results is buried in the “More” kebab, and even then the link is third from last.

Reminder not to use Google to search (in case you still do).

aardrian, to accessibility
@aardrian@toot.cafe avatar

I have been reading through the State of HTML 2023 results site (https://2023.stateofhtml.com/) and I am so disappointed in the overall efforts — both in the questions and in the code.

This may become a blog post.

I filed 3 issues today, have filed 15 since late 2022, and only 2 have been addressed:
https://github.com/Devographics/Monorepo/issues/created_by/aardrian

But these surveys keep pushing problematic info in problematic UIs, giving the wrong impression of… everything.

aardrian, to random
@aardrian@toot.cafe avatar

I’m tthinking the guy next to me on the plane does not approve of my mask since as soon as the wifi became available he loaded The Drudge Report on his phone and looked for stories about masks (the NC law being the first hit).

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