Skip to content

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

Open

Description

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    accessibilityHas accessibility requirementbugSomething isn't workingdevNeeds some dev workinactivepackage: reactWork necessary for the Carbon for IBM.com react components packageseverity 4Affects minor functionality, no workaround needed

    Type

    No type

    Projects

    • Status

      No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions