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

[Text][Accessibility] textDecorationLine="line-through" does not announce itself on a screen reader #12451

Open
stephxshopify opened this issue Jul 24, 2024 · 0 comments
Labels
Accessibility Needs design, development, or content work relating to accessibility. Bug Something is broken and not working as intended in the system. untriaged

Comments

@stephxshopify
Copy link
Contributor

Summary

VoiceOver does not read strike throughs.
This can be confusing to screen readers when prices are shown with a strikethrough old price and a new price displayed beside it.

Expected behavior

Screen reader should read text decorations

Actual behavior

Screenshot 2024-07-24 at 3 56 37 PM

Steps to reproduce

https://codesandbox.io/p/sandbox/dry-tree-9ml5c5?file=%2FApp.tsx%3A12%2C5

Pass over text with textDecorationLine="line-through" and view screen reader does not note there are any text decorations

Are you using React components?

None

Polaris version number

No response

Browser

Chrome

Device

MacBook Pro

@stephxshopify stephxshopify added Bug Something is broken and not working as intended in the system. untriaged Accessibility Needs design, development, or content work relating to accessibility. labels Jul 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Needs design, development, or content work relating to accessibility. Bug Something is broken and not working as intended in the system. untriaged
Projects
None yet
Development

No branches or pull requests

1 participant