Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

svg element in HTML-AAM, SVG-AAM and WAI-ARIA Graphics Module specs #2427

Open
giacomo-petri opened this issue Feb 7, 2025 · 13 comments
Open
Assignees

Comments

@giacomo-petri
Copy link
Contributor

This is an intended duplicated issue already raised in SVG-AAM repo 4 years ago, but I opened it to gain traction on this topic since it affects quite heavily tool vendors.

Current specs:

  • ARIA in HTML maps the <svg> element to role="graphics-document"
  • SVG AAM set the default platform WAI-ARIA role mappings to "graphics-document"
  • WAI-ARIA Graphics Module requires role="graphics-document" to have an acc name

Concerns:

  • Currently, different AT don't expose the svg element to the user unless it has an acc name, ignoring the browsers computed role
  • Currently, browsers are exposing svg elements differently (see last WPT test)
  • Web authors expect svg not to be exposed by default; if authors have to follow current specs, they are forced to either set an accessible name, or role=none to each svg element, even if the svg doesn't convey any information.

Proposal:

  • expose svg with computed role=none if no acc name (similarly as img element with empty alt)
  • otherwise graphics-document
@pkra pkra changed the title svg element in HTML-AAM, SVG-AAM and WAI-ARIA Graphics Module sepcs svg element in HTML-AAM, SVG-AAM and WAI-ARIA Graphics Module specs Feb 7, 2025
@pkra
Copy link
Member

pkra commented Feb 7, 2025

This is an intended duplicated issue already raised in SVG-AAM repo 4 years ago,

Which one? I see w3c/svg-aam#38 but that's much younger.

FWIW I would remove the label "duplicate" since this is more like a meta issue. Then we can collect the various issues that are related.

@pkra
Copy link
Member

pkra commented Feb 7, 2025

Ah, maybe w3c/svg-aam#12 ?

@giacomo-petri
Copy link
Contributor Author

Yes, sorry, it was meant to be a placeholder to be replaced with the link, but I forgot to do it. Thanks @pkra

@jnurthen
Copy link
Member

Should we deal with this just like we do section and role=region?

@spectranaut
Copy link
Contributor

Discussed in today's meeting: https://www.w3.org/2025/02/13-aria-minutes.html#465f

@giacomo-petri
Copy link
Contributor Author

After talking with @pkra, added deep-dive label to setup a deep dive during our next meeting this Thursday.

@pkra pkra added Agenda and removed Agenda labels Feb 17, 2025
@spectranaut
Copy link
Contributor

Schedule deep dive in mid/late March

@spectranaut
Copy link
Contributor

Tentatively scheduling for March 20th.

@cookiecrook
Copy link
Contributor

Also to discuss these WPT test results...

@pkra pkra moved this from Agenda+ to Backburner in ARIA Editors Mar 4, 2025
@pkra pkra removed this from ARIA Editors Mar 4, 2025
@cookiecrook
Copy link
Contributor

and these remaining interop-accessibility task issues

@spectranaut
Copy link
Contributor

@giacomo-petri or @cookiecrook or @jnurthen -- can someone summarize the conclusions of the deep dive? Thanks! :)

@spectranaut
Copy link
Contributor

spectranaut commented Mar 27, 2025

According to the AI summary of the meeting, the next steps are:

  1. Giacomo to create a pull request for the proposal to expose Svg as graphics document only when it has an accessible name, otherwise expose as generic or ignored.
  2. Giacomo to develop additional Web Platform Tests (WPT) for complex SVG cases not currently covered in existing tests.
  3. James Craig to investigate how changing the role of SVG elements might impact browser-based computer vision features for accessibility.
  4. James Craig to review and potentially update existing WPT tests for SVG accessibility to ensure they cover all necessary scenarios.
  5. Giacomo to compile a list of real-world examples demonstrating the impact of SVG accessibility issues on user experience, particularly in e-commerce scenarios.

@giacomo-petri
Copy link
Contributor Author

giacomo-petri commented Mar 31, 2025

Hello!

I'm quite busy these weeks, so I'm not sure when I'll be able to tackle points 1 and 2. In the meantime, I'd like to address point 5 by sharing some screenshots that highlight how svgs used as icons impact people (I'm currently using VO on Chrome):

Icons in the header of an e-commerce website (and beyond) are announced as empty images Icons in the header of another e-commerce website (and beyond) are announced as empty images Icons in a search page are announced as empty images Icons in the header of another e-commerce website (and beyond) are announced as empty images Icons in the header of another e-commerce website (and beyond) are announced as empty images Icons in the header of another e-commerce website (and beyond) are announced as empty images

This is quite common, you could pick a random website and likely find the same issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants