RE: Hidden text - Clip CSS deprecated

This is one method I have seen for hiding content.
https://hugogiraudel.com/2016/10/13/css-hide-and-seek/


Jon

Jonathan Avila, CPWA
Chief Accessibility Officer
Level Access
jon.avila@levelaccess.com
703.637.8957 office

Visit us online:
Website | Twitter | Facebook | LinkedIn | Blog

Looking to boost your accessibility knowledge? Check out our free webinars!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.

-----Original Message-----
From: Alastair Campbell <alastc@gmail.com> 
Sent: Friday, January 11, 2019 9:38 AM
To: WAI Interest Group <w3c-wai-ig@w3.org>
Subject: Hidden text - Clip CSS deprecated

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.


Hi everyone,

Some of the methods generally recommended for hiding text (e.g. for non-visual use) utilise the 'clip' CSS property.

I've just seen that is now deprecated, and I'm wondering if anyone has tried using the recommended clip-path property [1] instead?

For skip links (which show on focus) I'm happy to use the off-screen to the left method, but that gives dodgy outlines for little snippets of help text aimed at screenreader users.

Can anyone point to a well-tested method?

Thanks,

-Alastair

1] https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Received on Thursday, 17 January 2019 23:55:52 UTC