Screen reader stops anouncing description after encountering certain characters.

[jedrzejruta]

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]

@oysteinmoseng - FYI

[oysteinmoseng]

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

[oysteinmoseng]

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

Set aria-label manually after render.