Accessibility

aardrian,
@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.

DrTCombs,
@DrTCombs@transportation.social avatar

One of the many arguments against allowing right turns on red is that it entices drivers to roll up as close to the intersection as possible, the better to see when a gap appears that they can dart into. This causes them to completely block crosswalks, curb ramps, and beg buttons.

It seems like a little thing...unless you need to use those facilities....in which case it's a BFD.

Video from a bicyclist's perspective. The bicyclist is on a sidepath, approaching an intersection with a crosswalk, with an active walk signal. A white van has pulled up into the crosswalk, blocking the bicyclist's path and forcing them nearly into oncoming traffic in the roadway.

alan, (edited )
@alan@subdued.social avatar

I have Opinions about conference name tags.

These name tags at State of the Map US are beautifully designed, but the name needs to be bigger! I have to get way too close to people to read their name.

(1/2)

alan, (edited )
@alan@subdued.social avatar

Conference name tag modifications I always make:

  1. Tie some knots in the lanyard string to shorten it, otherwise nobody can see your name tag when you’re sitting at a table.

  2. Write your name on the back! Half the time your name tag will be turned around and you don’t know it.

2a. include a short-ish link where people can quickly look up your contact info!

(2/2)

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

Omg. @SaraSoueidan's material is dense and fast and great and my brain is busy.

When the video comes out I will certainly share it.

#CSSDay #accessibility #awesome

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

Note to self, or everyone: Do not use CSS to create meaningful content.

@SaraSoueidan

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

Another note, an element with display:none; is still available to aria-labelledby. TIL.

@SaraSoueidan

Taffer,
@Taffer@mastodon.gamedev.place avatar

What are people using to test their website's accessibility (a11y)?

Since I use Hugo to generate the pages, my source is all Markdown, so I was hoping to find something I can just point at my website, like a linter. Unless there's a Markdown a11y linter I don't know about…

JeremiahFieldhaven,
@JeremiahFieldhaven@mastodon.gamedev.place avatar

@Taffer Firefox developer tools accessibility tab is a start, but the output is a bit opaque.

https://qualweb.di.fc.ul.pt/evaluator/ is easy to use and gives decent info

stvfrnzl, (edited )
@stvfrnzl@mastodon.online avatar

Hello community, I have a question regarding user interfaces. I may have gotten the gig to implement a website with strong focus, tech stack of my choice.

I'm gonna go with @astro and want to implement a CMS that is as accessible as possible. Do you have any experience with the following platforms?

I will do my own testing, but still curious. 🤗

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@astro I was able to implement in the past and found the UI relativley intuitive, but haven't tested it with keyboard and .

has a very nice UI, but again: Havent't tested it yet.

I want to do a proof of concept and might turn my findings into a blog post. 🤗

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

It has been rolled back:
https://github.com/orgs/community/discussions/127592#discussioncomment-9703373

Pleased to see acknowledgment that getting user feedback prior to release is A Good Idea.

Thank you people of GitHub!

@sclower @jscholes

aardrian,
@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.

#a11y #accessibility

aardrian,
@aardrian@toot.cafe avatar

The post was inspired by this what-not-to-do real life example from Vercel.

The Captain Picard facepalm is because the logo is a link with aria-expanded.

The rest of the video demonstrates how (the now changed) aria-label is verbose, wrong, and unnecessary.

Open captions because Masto does not support CC.

#a11y #accessibility

Tabbing to the Vercel logo (with a Captain Picard facepalm because the logo is a link with aria-expanded) and then tabbing into the first navigation item, which announces the landmark name and then a count of links.

sarajw,
@sarajw@front-end.social avatar

Hm. The @EUCommission had a website about accessibility overlays and... Now it's hidden under a SharePoint login? Did someone insist they take it down?

#accessibility #overlaysAreTerrible

talksina,

@sarajw @EUCommission terrible? Accessibility overlays are crap! They are illusion, like attempting to cure a broken bone with fresh water. Or, better: AI-driven accessibility solutions might be a guidance during website building, from scratch. But not those overlays claiming to convert a site in accessible mode.

sarajw,
@sarajw@front-end.social avatar

@talksina oh I know! That's why I was so pleased when @EUCommission seemed to publicly denounce them. But now that article is no longer public 😞

aardrian,
@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

jscholes,
@jscholes@dragonscave.space avatar

tip: if sharing an image of text on social media along with a link to some original source, that link is a lot easier for people to reach if you place it directly in the post instead of the image's alt text.

MoritzGiessmann,
@MoritzGiessmann@mastodon.social avatar

Is thery ANY slider/carousel implementation that is considered to actually work good in screen readers?

MoritzGiessmann,
@MoritzGiessmann@mastodon.social avatar

@svenja I think the implementation of ZDF is okay, since it tries to linearize the content..

MoritzGiessmann,
@MoritzGiessmann@mastodon.social avatar

@GurpreetSingh does it linearize the content or at least make it accessible by just tabbing through?

accessauston,
@accessauston@mastodon.world avatar

I think Shawn does a great job highlighting the accessibility features in Venngage and how Canva lacks most of these features. It is important to note that the ability to export to an accessible PDF requires a paid Venngage business or enterprise account. Venngage is best for companies that can provide a paid account to their employees. It is a shame that Venngage's Premium account does not offer the ability to export an accessible PDF. https://www.youtube.com/watch?v=xRH-2zYU-UE

access42, French
@access42@social.a11y.fr avatar

Grande nouvelle : notre certification « Auditer l’accessibilité numérique avec le #RGAA » vient d'être enregistrée par France Compétences ! 🥳

Cela signifie que vous pouvez maintenant utiliser votre #CPF pour assister à notre célèbre #formation certifiante à l’audit.

https://a42.fr/certif-audit-itw

#a11y

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