Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Masquage accessible et clip #20

Closed
notabene opened this issue Nov 28, 2019 · 2 comments
Closed

Masquage accessible et clip #20

notabene opened this issue Nov 28, 2019 · 2 comments

Comments

@notabene
Copy link
Contributor

Bonjour tous,

La technique évoquée sur https://a11y-guidelines.orange.com/web/exemples/masquage/index.html mentionne clip, or @emmanuelclement me fait remonter que clip est déprécié.

cf. la section Spécifications sur MDN

Je ne sais pas si on en fait quelque chose pour le moment, mais peut-être une petite note liminaire dans la page pour dire que cette propriété est en cours de dépréciation et qu'une nouvelle méthode sera peut-être conseillée dans un futur proche.

@ffoodd
Copy link

ffoodd commented Nov 28, 2019

Hello,

Je dirais non, et je m’explique !

La portion de code présentée dans les recommandations doit être d’équerre avec ce qui est appliqué par Boosted — et après avoir inclus clip-path en prévision de la dépréciation de clip, ce n’est plus le cas.

Cette propriété (et cet usage, surtout) entraînait une forte dégradation des performances au scroll sur les navigateurs Blink et Webkit — et principalement sensible sur mobile, ou un ralentissement au scroll est flagrant. J’ai donc (c’est moi le coupable) retiré cette propriété dans Bootstrap, H5BP et même WordPress.

Étant donné que clip est déprécié mais qu’aucun navigateur ne prévoit d’en abandonner le support, il est a priori sain de partir sans clip-path tant que Blink et WebKit ne corrigent pas leur implémentation de clip-path

Et par extension, à mon avis mieux vaut éviter de le mentionner dans nos recommandations :)

@notabene
Copy link
Contributor Author

OK ça me semble sain :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants