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

[Content group cards]: React – VO differs from other card instances #8090

Closed
2 tasks done
oliviaflory opened this issue Jan 20, 2022 · 2 comments
Closed
2 tasks done
Labels
accessibility Has accessibility requirement bug Something isn't working dev Needs some dev work inactive package: react Work necessary for the Carbon for IBM.com react components package severity 4 Affects minor functionality, no workaround needed

Comments

@oliviaflory
Copy link
Contributor

Description

Voice over is reading Content group cards differently than other card components like Card group or Content block cards. Is this the expected behavior or should all cards be read the same way?

When in Content group cards, VO is announcing the beginning and end of a single card as a group.

Content group cards order:

  • Lorem ipsum group
  • Heading level 3
  • Lorem ipusum
  • Visited link, lorem ipsum
  • end of, Lorem ipsum, group

Where as Card group or Content block cards does not announce a single card as a group and goes straight into the Heading.

Card group / Content block card order:

  • Heading level 3
  • Lorem ipusum
  • Visited link, lorem ipsum

Video recording (sorry you can hear me and not the VO)

content-group-cards--grouped-card-vo-reading--Screen.Recording.2022-01-20.at.1.44.11.PM.mov

This is present in Production

Component(s) impacted

Any component that uses content group cards
– Content group cards
– Content block mixed

Browser

Chrome

Carbon for IBM.com version

1.30.0 rc 0

Severity

Severity 4 = The problem is not visible to or noticeable to an average user. Affects minor functionality, no workaround needed.

Application/website

Carbon for IBM.COM

Package

@carbon/ibmdotcom-react

CodeSandbox example

https://carbon-design-system.github.io/carbon-for-ibm-dotcom/next/react/?path=/story/components-content-group-cards--default

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

@oliviaflory oliviaflory added bug Something isn't working package: react Work necessary for the Carbon for IBM.com react components package labels Jan 20, 2022
@jeffchew jeffchew added the dev Needs some dev work label Jan 24, 2022
@jeffchew jeffchew added accessibility Has accessibility requirement severity 4 Affects minor functionality, no workaround needed labels Jan 25, 2022
@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
@stale
Copy link

stale bot commented May 28, 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.

@stale stale bot added the inactive label May 28, 2023
@andy-blum andy-blum closed this as not planned Won't fix, can't repro, duplicate, stale Dec 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Has accessibility requirement bug Something isn't working dev Needs some dev work inactive package: react Work necessary for the Carbon for IBM.com react components package severity 4 Affects minor functionality, no workaround needed
Projects
Status: Done
Development

No branches or pull requests

6 participants