Inserting html into a text area - <br aria-hidden="true" />

Hi,

Is there some way to insert html via the text input areas… I want to be able to make line breaks hidden to screen readers using something like:

Is there anyway I can to this?

Hi @Ciro_C that’s not possible unfortunately. Are the line breaks not handled well? Course content has been audited for WCAG 2.1 conformance and they didn’t flag anything related to that.

Cheers-Sam

Hiya Sam, thanks for the fast reply. I know that “br” creates problems with screen readers, we would like to control layout using line breaks at times but can’t unless break spaces don’t interfere. The above piece of code apparently removes “br” from being read. Do you guys build something that makes screen readers not read the “br” ?

@Ciro_C I know in the past NVDA specifically has had a habit of reading line breaks, but I haven’t noticed any issues with reading text fields that include line breaks. I usually test with VoiceOver, JAWS and NVDA. Has someone experienced an issue? If you can give me a specific example, I can investigate.

Cheers-Sam

This is quite a big deal for us, if these readers don’t read line breaks during testing, as this gives us the freedom to use line breaks to control text and layout flow where we don’t neccesarily have access to changing spaces via direct html. Thanks for sharing this @Sam_Cook_Evolve_LQA … Is there any report or documentation you might be able to share with me about these tests - so that I can share it with my managers. It would help me greatly.

@Ciro_C I am aware that something like this happens when using Chrome[1] with VoiceOver, this is due to a bug in Chrome that looks like it will be fixed in Chrome v147

As a temporary workaround it is possible to change the Grouping behaviour of VoiceOver in VoiceOver settings > Navigation > Grouping behaviour. The setting ‘Announce Groups’ worked well for me.


  1. and presumably other browsers based on Chromium such as Edge ↩︎

Hi @Ciro_C here’s the certification we received from our auditors for Legacy Evolve course content:

Would it be possible for you to give us an example of the issue you are experiencing? Eg a link to the course (you can DM it to me) and details of screen reader/browser you are experiencing the issue with?

Cheers-Sam