Web component: Content block cards - Link in each card - Screen reader announces a lengthy text which makes it over verbose. #4740
Assignees
Labels
accessibility
Has accessibility requirement
bug
Something isn't working
dev
Needs some dev work
package: web components
Work necessary for the IBM.com Library web components package
severity 4
Affects minor functionality, no workaround needed
Milestone
Comments
Praveen-sr
added
accessibility
RobertaJHahn
added
Airtable Done
dev
kodiakhq bot
pushed a commit
that referenced
this issue
Feb 2, 2021
### Related Ticket(s) #4740 ### Description Follow-up to #4870 to also hide the `card-copy` text from screen readers to avoid unnecessary long description. ### Changelog **New** - added `aria-hidden='true'` to `card-copy` div <!-- React and Web Component deploy previews are enabled by default. --> <!-- To enable additional available deploy previews, apply the following --> <!-- labels for the corresponding package: --> <!-- *** "package: services": Services --> <!-- *** "package: utilities": Utilities --> <!-- *** "package: styles": Carbon Expressive --> <!-- *** "RTL": React / Web Components (RTL) --> <!-- *** "feature flag": React / Web Components (experimental) -->
IgnacioBecerra
added a commit
to IgnacioBecerra/ibm-dotcom-library
that referenced
this issue
Feb 22, 2021
### Related Ticket(s) carbon-design-system#4740 ### Description Follow-up to carbon-design-system#4870 to also hide the `card-copy` text from screen readers to avoid unnecessary long description. ### Changelog **New** - added `aria-hidden='true'` to `card-copy` div <!-- React and Web Component deploy previews are enabled by default. --> <!-- To enable additional available deploy previews, apply the following --> <!-- labels for the corresponding package: --> <!-- *** "package: services": Services --> <!-- *** "package: utilities": Utilities --> <!-- *** "package: styles": Carbon Expressive --> <!-- *** "RTL": React / Web Components (RTL) --> <!-- *** "feature flag": React / Web Components (experimental) -->
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Detailed description
On JAWS FF/Voiceover iPhone
Issue:
In tab / shift tab navigation, when focus reaches the link in each card, Screen reader announces a lengthy text which makes it over verbose.
Expected:
It may be possible if the entire content in the card is given in anchor tag. In this scenario, only the heading can be given in anchor tag.
Note: the link text/label should be concise and convey only the relevant information.
Additional information
The text was updated successfully, but these errors were encountered: