question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Rules] revised allowed roles for <img alt=something>

See original GitHub issue

an <img> with an accessible name alt=something (or aria-label/labelledby) should only allow a subset of ARIA roles to be applied.

ARIA in HTML img alt=something test case

allowed roles: button, checkbox, link, menuitem, menuitemcheckbox, menuitemradio, option, progressbar, radio, scrollbar, separator, slider, switch,tabor treeitem

DPub Role: doc-cover

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tombrunetcommented, Dec 3, 2021

I suspect we may end up making a separate recommendation rule for cases of redundancy. Still discussing.

0reactions
shunguoycommented, Mar 2, 2022

merged to #721 close this one

Read more comments on GitHub >

github_iconTop Results From Across the Web

Decorative Images | Web Accessibility Initiative (WAI) - W3C
<img src="topinfo_bg.png" alt="">. Screen readers also allow the use of WAI-ARIA to hide elements by using role="presentation" .
Read more >
Image ALT Tag Tips for HTML - Penn State | Accessibility
The ALT text adds a text description to an image on a Web page, and should be used for all images, graphical bullets,...
Read more >
The Rules of ALT » - HTML
1.1 Always Provide Alternative Text · 1.2 Help Screen Readers Skip Over Aesthetic Images · 1.3 Duplicate the Message Conveyed by the Image...
Read more >
ARIA: img role - Accessibility - MDN Web Docs
Any set of content that should be consumed as a single image (which could include images, video, audio, code snippets, emojis, or other...
Read more >
Five golden rules for compliant alt text - AbilityNet
Rule 1: Every <img> must have an alt= attribute · Rule 2: Describe the information, not the picture · Rule 3: Active images...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found