Skip to content

Screen reader stops anouncing description after encountering certain characters. #19002

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.

Sign up for GitHub

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

Jump to bottom
Closed
jedrzejruta opened this issue May 16, 2023 · 3 comments · Fixed by #19136
Closed

Screen reader stops anouncing description after encountering certain characters. #19002

jedrzejruta opened this issue May 16, 2023 · 3 comments · Fixed by #19136
Assignees
@jedrzejruta
Labels
a11y Accessibility related. Status: Has workaround Type: Bug Type: Good for beginners

Comments

@jedrzejruta
Copy link
Contributor

Expected behaviour

Screen reader should read out < character as less or less than depending on context.

Actual behaviour

When < character is encountered, screen reader outputs general phrase picture and ignores provided description.

Live demo with steps to reproduce

https://jsfiddle.net/BlackLabel/yk7zrpda/

Product version

Highcharts v11

Affected devices

iOS 16.4.1 with VoiceOver enabled
Windows 11 22H2 with NVDA
@jedrzejruta jedrzejruta added the a11y Accessibility related. label May 16, 2023
@jedrzejruta
Copy link
Contributor Author

@oysteinmoseng - FYI

@oysteinmoseng
Copy link
Member

Minimal demo: https://jsfiddle.net/oysteinmoseng/n5uk8yha/
Happens because of stripping HTML tags from labels.

@oysteinmoseng
Copy link
Member

Workaround: https://jsfiddle.net/oysteinmoseng/br3zdo51/

Set aria-label manually after render.

@jedrzejruta jedrzejruta self-assigned this May 29, 2023
jedrzejruta added a commit that referenced this issue Jun 12, 2023
@jedrzejruta
Fixed #19002, a11y issue with '<' sign.
2ea1d6d
@jedrzejruta jedrzejruta mentioned this issue Jun 12, 2023
Closed
jedrzejruta added a commit that referenced this issue Jun 12, 2023
@jedrzejruta
Fixed #19002, a11y issue with '<' sign.
04118a5
@jedrzejruta jedrzejruta mentioned this issue Jun 12, 2023
Merged
TorsteinHonsi pushed a commit that referenced this issue Jun 22, 2023
@jedrzejruta @TorsteinHonsi
Fixed #19002, a11y issue with '<' sign.
c617322
@awarshauer awarshauer mentioned this issue Nov 29, 2023
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jedrzejruta jedrzejruta

Labels
a11y Accessibility related. Status: Has workaround Type: Bug Type: Good for beginners
Projects
None yet
Milestone
No milestone
3 participants
@oysteinmoseng @jedrzejruta @highsoft-bot