Re: Hidden text - Clip CSS deprecated

Hi Alastair,

The problem with clip-path is browser support is not very good (it doesn't
work on IE, Edge or Safari). On the other hand, although clip is deprecated
all browsers still support it and as far as I know there are no plans to
scrap it yet. You can always use a combination of methods, but clip does
have advantages over the others. Here's a codepen demonstrating a few
different approaches: https://codepen.io/ijayessbe/pen/WaGLjd (tab through
to make the buttons visible on focus)

Curious to know, what dodgy outlines does the offscreen to left method
cause for you? I've used that method successfully before, but it only works
well for left-to-right languages.

Cheers,
Isabel

On Sat, 12 Jan 2019 at 01:43, Alastair Campbell <alastc@gmail.com> wrote:

> 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
>
>

-- 
http://isabelbrison.com

http://tellthemachines.com