Que fait la propriété outline?

Elle permet d’identifier le lien ayant le « focus » quand on navigue dans un document Web en utilisant la touche TAB (ou un équivalent). Ceci est particulièrement utile pour les gens qui ne peuvent pas utiliser une souris ou ayant une déficience visuelle. Si vous supprimez le contour vous rendez votre site inaccessible pour ces personnes. …

Pourquoi certains web designers le supprime ?

Souvent par refus que leur design soit « pollué » par le style par défaut, ou par ignorance totale de l’accessibilité. Beaucoup d’intégrateurs utilisent un resetCSS qui désactive le contour. Parmi ceux-là se trouve celui d’Eric Meyer, mais Eric est parfaitement clair : ceux qui l’utilisent doivent redéfinir le style du focus. /* remember to define focus styles! */:focus {outline: 0;} Notez …

Pour en savoir plus

Ne retirez pas le contour des liens et éléments de formulaire WebAIM – La peste soit d’outline: 0 Règles pour l’accessibilité des contenus Web (WCAG) 2.0 (2.4.7) Non-validation du critère de succès 2.4.7 en raison de styles supprimant l’indicateur de focus visuel Avez-vous écrit à propos de ce problème ? Faites-le le savoir et nous envisagerons …