Screen Readers & Hidden Content

Hi all,

I have a query around how screen readers navigate hidden content. When it comes to hidden components, do screen readers read that out if it remains hidden, or are they only read out when unhidden?

Basically, we’re developing a course that has some mobile responsive components that unhide if the user is viewing it from a mobile phone resolution. But if a screen reader user accesses our module from desktop, would that mean that they’d get a duplication of content?

Any thoughts or knowledge here would be welcome!

Hi @gabriel.romero from my experience accessibility testing evolve, any hidden content will be missed by screen readers. A screen reader will access whatever is visible on screen at that point.

Cheers-Sam

Hidden content isn’t even rendered into the page - so there’s nothing for the screen reader to read out.

Well that’s great to know! Thanks Matt!