W3C home > Mailing lists > Public > www-style@w3.org > April 2017

Re: CSS property for visually hiding an element

From: Patrick Dark <www-style.at.w3.org@patrick.dark.name>
Date: Tue, 4 Apr 2017 06:23:19 -0500
To: David Woolley <forums@david-woolley.me.uk>, Oliver Joseph Ash <oliverjash@gmail.com>
Cc: "www-style@w3.org" <www-style@w3.org>
Message-ID: <dabeabbf-ac55-8bb2-44ba-88d1185f7b66@patrick.dark.name>
David Woolley 於 4/4/2017 4:33 AM 寫道:
> On 03/04/17 15:21, Oliver Joseph Ash wrote:
>> It is quite common for web developers to require an element to be hidden
>> but only visually—that is, still accessible to screen readers and
>> keyboard users, but not visible on the screen.
>>
>
> In principle, hiding visually, but not from a screen reader would be 
> done by:
>
> @media screen {
>    display: none;
> }
>
> However, I suspect that screen readers try too hard to approximate the 
> visual web page experience, that they will ignore hints aimed at them 
> in this way, simply because they are too rarely used to justify the 
> development effort.

One could also do the inverse:

@media aural {
     display: revert;
}

If screen readers can't figure that out, they aren't worth targeting.
Received on Tuesday, 4 April 2017 11:23:48 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:07 UTC