WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [EXTERNAL] CSS disabled

for

From: Birkir R. Gunnarsson
Date: Apr 9, 2018 5:39AM

Turning off CSS can be useful to determine the content order of the
page, the order which a screen reader user sees
If CSS is used to rearrange content visually in a way that changes its
meaning (e.g. createing a table like layout with CSS butnot using
table semantics) it is an accessibility issue that could be detected
this way. I've seen examples of this, but they are not frequent and
could be picked up through use of a screen reader.
Turning of cSS also helps identifying CSS icons or images, they
disappear while HTML and SVG images stay. If CSS icons are meaningful
they need a text alternative.
Paul Adam has a pretty good image and alt text bookmark that can e
used t detect CS images and also whether they get their text
alternative from role="Img and aria-label="the alt text".

The downside of turning off CSS is that you may see and even test
content that Is never meant to become visible to any user, such as web
analytics.




On 4/9/18, Tim Harshbarger < <EMAIL REMOVED> > wrote:
> It probably depends on why CSS is being disabled.
>
> Disabling CSS is one method that sometimes is used to test the accessibility
> of user interfaces. If you are only disabling CSS for that purpose, you are
> likely wanting to look at semantics--honestly it isn't a method I use since
> I am blind.
>
> If your users are turning off CSS, you likely want to ensure that they can
> still get all the same information from the page and use the same
> functionality as they would if CSS is enabled.
>
> Hopefully that information helps a bit until someone else can provide a more
> in depth answer.
>
> Thanks,
> Tim
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Kakarla Meharoon
> Sent: Monday, April 9, 2018 1:16 AM
> To: <EMAIL REMOVED>
> Subject: [EXTERNAL] [WebAIM] CSS disabled
>
> When CSS is disabled or removed what and all we need to care about?
> > > > > > > > >


--
Work hard. Have fun. Make history.