Skip to content
This repository has been archived by the owner on Aug 13, 2023. It is now read-only.

fix a11y Talkback reading nested spans incorrectly in in psammead-brand #4586

Merged
merged 12 commits into from
Nov 15, 2021

Conversation

DarioR01
Copy link
Contributor

@DarioR01 DarioR01 commented Oct 28, 2021

Resolves #9561

Overall change:

fix a11y Talkback reading nested spans incorrectly in psammead-brand

Code changes:

-concatenate span content

  • Added aria-labelledby to brand Link
  • Added id to parent span with role="text"

  • (BBC contributors only) This PR follows the repository use guidelines
  • I have assigned myself to this PR and the corresponding issues
  • Automated jest tests added (for new features) or updated (for existing features)
  • This PR requires manual testing

@DarioR01 DarioR01 self-assigned this Oct 28, 2021
@DarioR01 DarioR01 changed the title fix a11y spans and comma bug in psammead-brand fix a11y Talkback reading nested spans incorrectly in in psammead-brand Nov 4, 2021
@DarioR01 DarioR01 added a11y Accessibility-related task bug Something isn't working labels Nov 8, 2021
serviceLocalisedName ? (
// id={`BrandLink-${linkId}` is a temporary fix for the a11y nested span's bug experienced in TalkBack, refer to the following issue: https://github.com/bbc/simorgh/issues/9652
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I had a look at the issue. Can I ask why this is a temporary fix? Is it only temporary until Google/TalkBack provide a fix or is it a temporary fix for us over a fixed period? Thanks

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

until Google/Talkback fixes it. But we think they are going to take a very long time. I will specify this in the issue link.

Copy link
Contributor

@greenc05 greenc05 Nov 15, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well it could take a long time for Google to fix, this bug has been present for some time, though we hope they might fix it soon, it's out of our control and really affecting the user experience of our product, so we have a temporary fix until such time that Google fix it.

@DarioR01 DarioR01 merged commit 9257e91 into latest Nov 15, 2021
@joshcoventry joshcoventry deleted the fix-a11y-psammead-brand-component branch January 12, 2022 10:33
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
a11y Accessibility-related task bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

TalkBack incorrectly reading links in nested spans
5 participants