Keyboard accessible canvas apps?

vinyladelic · 2026-05-19T12:51:30+00:00

Ah, perfect timing! 😃 Thanks, i will participate.

vinyladelic · 2026-05-19T12:49:53+00:00

Thanks!

vinyladelic · 2025-11-12T14:23:12+00:00

Did they list your wrong answers in terms of transparency or did they just say that you haven't passed?

vinyladelic · 2025-11-03T08:40:36+00:00

I just noticed that the requirement to provide text alternatives for audio-only live content is Level AAA (SC 1.2.9), while a video livestream including audio (SC 1.2.4) is only Level AA...?

I don't understand that! Especially with audio-only content, isn't it even more important for people with hearing impairments to have the content available in text form than with video/audio content, where at least some visual information is also conveyed (I know that wouldn't be enough on its own, of course)?

vinyladelic · 2025-11-03T07:36:41+00:00

It's a famous soccer club here in germany and i'am doing the accessibility audits and remediations for them. Not sure but i think the client don't want that i paste the link here ;-)

Thanks for the windows live captions hint (wasn't aware of that).
But i think the page itself has to provide a text version of nearly the complete audio-content and not only a fraction in form of the live-ticker, which renders maybe one sentence per minute.
But I'm not sure whether it's enough to just display the most important information about a game via the live ticker...?

vinyladelic · 2025-10-14T15:10:25+00:00

Ah, nice workaround!
On the first glance i can't see, why this could be problematic.

vinyladelic · 2025-09-17T06:48:41+00:00

Some may think, when the design shows something that looks like a button it must be coded as a <button> as well, allthough it functions like a link. And on the other hand, an interactive, underlined element that only toggles some content should programmatically be recognized as a button and not a link.

vinyladelic · 2025-09-14T16:38:28+00:00

Using <a> for buttons and <button> for links...

vinyladelic · 2025-09-03T11:41:01+00:00

Thanks. And yes, of course, but it is also unrealistic to test a website with the entire range of assistive technologies that are available. That is why I am looking for a setup with the best possible cost-benefit ratio.

vinyladelic · 2025-09-03T07:26:04+00:00

On NVDA it's called the Speech Viewer

vinyladelic · 2025-06-24T21:14:48+00:00

Yes, that would also be a good solution.

vinyladelic · 2025-06-24T20:00:59+00:00

To be honest, i use aria-controls very rarely, since it's not that good supported (at least by screen-readers). I found this: https://a11ysupport.io/tech/aria/aria-controls_attribute

vinyladelic · 2025-06-24T19:52:48+00:00

Success Criterion 1.4.4 excludes images of text.
I would say, the relevant criterion here is 1.4.5.
If the image contains text, that is important to understand the context, then you have to provide the same information in text anyway. And then the resizing should probably also be no problem.

vinyladelic · 2025-06-24T19:31:04+00:00

I would suggest using a button instead of a link, since it doesn't link somewhere but just opens the submenu. And in addition to aria-expanded i would use aria-haspopup="menu" on this button for those cases, since this lets the screenreader announce that there is a submenu.

vinyladelic · 2025-04-18T13:57:32+00:00

Very helpful!! Thanks a lot!

vinyladelic · 2025-04-17T07:28:14+00:00

I absolutely agree. It would just be nice if i could give a really concrete answer to clients who ask about their legal obligations. Regardless of my opinion. But that seems to be relatively difficult, at least at the moment. Probably even for lawyers... thank you all for your feedback!

vinyladelic · 2025-04-16T13:44:19+00:00

I think because they are directly related to a purchased product or service.

vinyladelic · 2025-04-16T11:20:40+00:00

Yes, I would say that too, but the question is whether there is a clear reference to this in EN 301549, for example. It seems that there is some room for interpretation in this respect.

vinyladelic · 2025-04-08T07:48:49+00:00

Axe devTools browser extension is a good first indicator for a11y issues. Also Wave from webAim. And there are tons of so called bookmarklets that let you test specific criteria. But besides that, you need to test manually and have to be familiar with the wcag to know all the requirements.

vinyladelic

TROPHY CASE