Re: [EXTERNAL] Re: Unnecessary visually hidden text

Yes Michael, you are correct in your understanding of semantic HTML. Ideally, semantic mark-up would be used wherever possible - however sometimes where it is not possible, devs use text and visually hide it using CSS. However, sometimes they add information that is unclear or ambiguous that does not reflect any information that is conveyed visually.

Sarah

Sent from Outlook for iOS<https://aka.ms/o0ukef>
________________________________
From: Tangen, Michael (MNIT) <Michael.Tangen@state.mn.us>
Sent: Thursday, October 16, 2025 2:09:21 PM
To: Mark Magennis <Mark.Magennis@skillsoft.com>; Ms J <ms.jflz.woop@gmail.com>; Steve Green <steve.green@testpartners.co.uk>; 'w3c-wai-ig' <w3c-wai-ig@w3.org>
Subject: Re: [EXTERNAL] Re: Unnecessary visually hidden text

On thing that may help if you have no experience actually working in assistive technology (such as JAWS, Voiceover for Mac, etc) is that tags that have semantic meaning inherent in them (such as <li> <h1> <input>) and imply that it has some sort of specific role or function (as opposed to <div> and <span> which bear no meaning whatsoever), the assistive technology is more likely to convey to the user that meaning.  So if a user tabs into a form control, such as an input tag, it's going to convey that as much; or if they are in an ordered list, it's likely to convey what numbered list item is being presented to them in that moment.


Michael Tangen

Sr. Interface Designer & Developer  |  Application Development for Web/mn.gov

Pronouns: he/he hoooooo<https://youtu.be/siLkbdVxntU>

Find helpful information on managing your Tridion-based website at mn.gov/showcase/<https://mn.gov/showcase/>
Need a demo on Formstack or advice on HTML/CSS in Tridion? Book a 30-minute session<https://outlook.office.com/bookwithme/user/9c002b52477d4c55a8fb109cabbf282c%40state.mn.us?anonymous&ismsaljsauthenabled=true> with me.


Minnesota IT Services | Partners in Performance

Information Technology for Minnesota Government | mn.gov/mnit<http://mn.gov/mnit>




[cid:5b453b20-1167-472e-83fc-54479564f8fa]


________________________________
From: Mark Magennis <Mark.Magennis@skillsoft.com>
Sent: Thursday, October 16, 2025 8:00 AM
To: Ms J <ms.jflz.woop@gmail.com>; Steve Green <steve.green@testpartners.co.uk>; 'w3c-wai-ig' <w3c-wai-ig@w3.org>
Subject: Re: [EXTERNAL] Re: Unnecessary visually hidden text


This message may be from an external email source.
Do not select links or open attachments unless verified. Report all suspicious emails to Minnesota IT Services Security Operations Center.

________________________________
So basically what you're saying is that adding stuff that's unnecessary and confusing is bad. Yep, I agree with that.

I think it often comes from a lack of understanding of the experiences that screen reader users have on websites, not knowing what they therefore need, and throwing everything at it just to be safe.

Mark


________________________________
From: Ms J <ms.jflz.woop@gmail.com>
Sent: Thursday, October 16, 2025 12:39
To: Steve Green <steve.green@testpartners.co.uk>; 'w3c-wai-ig' <w3c-wai-ig@w3.org>
Subject: [EXTERNAL] Re: Unnecessary visually hidden text

Hi Steve

Thanks just to clarify, this is not me questioning the use of visually hidden text where it IS the alternative to information a screen reader may use. This is where it is used and it is NOT helpful or useful and users report that is was confusing.

What I'm talking about is, for example, visually hidden headings before a question on a test saying 'question'. Extra text in a label for a radio button saying 'answer 1, answer 2, answer 3' even though they aren't numbered visually and you can infer order with a screen reader in the same way you would read it visually... given text before a radio group saying 'radio group' even though it is marked up as a radio group... questions duplicated 3 times as, for example, a single field being marked up in a group with a visually hidden legend (repeating the field label) and then it being there in text and then as the aria-label...

Thanks

Sarah




Sent from Outlook for iOS<https://aka.ms/o0ukef>
________________________________
From: Steve Green <steve.green@testpartners.co.uk>
Sent: Thursday, October 16, 2025 12:29:44 PM
To: Ms J <ms.jflz.woop@gmail.com>; 'w3c-wai-ig' <w3c-wai-ig@w3.org>
Subject: RE: Unnecessary visually hidden text


I often encounter content that requires an explanation for people who can’t see it. Sometimes that’s because an area of content makes sense when viewed as a whole, but it would be difficult or impossible for a screen reader user to understand it when they encounter it one piece at a time.



In other cases, content needs explanation because HTML doesn’t have the necessary elements and attributes to convey the purpose and behaviour programmatically.



Then there are scenarios in which form controls cause page content to change without a page reload. For a sighted person, it’s obvious what has happened, but a screen reader user would not be aware that anything had happened if instructions had not been provided. Sometimes, a live region can convey sufficient information, but other times it’s best to provide instructions that can be read before the user interacts with the page.



In my view, “universal design” is a myth, and there isn’t one design that will be suitable for everyone. Obviously, we want to get as close to that as possible, but sometimes you do need to provide additional information or features (or maybe remove some) for people with specific needs.



Steve Green

Managing Director

Test Partners Ltd



From: Ms J <ms.jflz.woop@gmail.com>
Sent: 16 October 2025 12:10
To: 'w3c-wai-ig' <w3c-wai-ig@w3.org>
Subject: Unnecessary visually hidden text



Hello



I have noticed many web content authors using a screen reader only class to add visually hidden text which is not conveying information otherwise displayed visually.



I think this is well meaning and just comes from not really understanding what information users really need. However, the result is that it ends up benefiting sighted users by tidying up the page visually so it is succinct and direct, whilst leaving information deemed as clearly unhelpful enough to hide there for screen reader users.



I also think it's somewhat condescending - if you are blind then you need an alternative to any information that is conveyed visually, but you don't need anything else spelled out any more than any other standard user.



I am wondering if anyone else has encountered this and how they handle it please?



My feeling is that information should surely only be visually hidden if it is clearly there in another form visually. Otherwise, if it is not an alternative to information there visually in another format, and an author would not want to publish the page with it there visually because it looks unprofessional or unnecessary, then they should remove it, so the page presented just as professionally to users reading it via a screen reader.



I am interested to hear other people's views on this?



Thanks



Sarah



Sent from Outlook for iOS<https://aka.ms/o0ukef>