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

[card-pictogram]: screen reader output #8101

Open
2 tasks done
ariellalgilmore opened this issue Jan 21, 2022 · 4 comments
Open
2 tasks done

[card-pictogram]: screen reader output #8101

ariellalgilmore opened this issue Jan 21, 2022 · 4 comments
Assignees
Labels
inactive question Further information is requested

Comments

@ariellalgilmore
Copy link
Member

ariellalgilmore commented Jan 21, 2022

Summary

On desktop when reading card-pictogram with VO. Tabbing will read just the heading text and then using down arrow key will read the copy, but when using left and right arrow keys it still will not read the copy.

On mobile with VO the heading and copy are all read at once.

Also, not seeing it read the pictogram label at all.

Browserstack screenreader only reads both heading and copy.

Wondering what info a user using VO should recieve from card-pictogram since it's slightly different from our other cards?

Relevant information

Previously, Ram has complained about cards being over verbose when reading heading and copy all at once

Name and organization

Carbon for IBM.com

Code of Conduct

@ariellalgilmore ariellalgilmore added the question Further information is requested label Jan 21, 2022
@ariellalgilmore ariellalgilmore changed the title [card-pictogram]: VO output [card-pictogram]: screen reader output Jan 21, 2022
@ljcarot
Copy link
Member

ljcarot commented Feb 1, 2022

Ask Michael Gower from A11y team for help with this one.

@stale
Copy link

stale bot commented Apr 16, 2022

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

@stale stale bot added the inactive label Apr 16, 2022
@ljcarot ljcarot removed the inactive label Apr 19, 2022
@oliviaflory
Copy link
Contributor

Met with a11y guild on May 5, 2022:

notes from guild:

  • Pictogram card shows a title, and then when hovered will expose more text/content
  • VO on mobile reads the title and the extra copy/content - Test has complained that is overly verbose
  • Reads as expected on desktop (heading - then arrow for more content
    VO itself behaves differently (with "containers") on mobile vs desktop - so this is not a surprising interaction/response

Things to consider:

  • what is the pictogram providing?
  • how do we convey that they card should be hovered
  • and then if there is no pictogram at all then we wouldn’t have the hover interaction
  • also mobile completely remove the hover interaction and shows all info

@stale
Copy link

stale bot commented May 27, 2023

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
inactive question Further information is requested
Projects
Status: No status
Development

No branches or pull requests

5 participants