Cookie

Attention


Cet article a été publié il y a plus d'un an, il peut y avoir des développements été.
S'il vous plaît prendre en compte.

Dans l'article d'aujourd'hui, nous voyons une règle simple CSS, déjà présent dans de nombreux réinitialisation CSS. Je parle de la propriété “contour”. Si le regola “contour” ne réglez pas le navigateur affichera une boîte en pointillés autour de chaque lien cliqué. Le réglage par défaut est que parce qu'il est aussi pensé à ceux qui utilisent la touche Tab pour naviguer, et de perles sans perdre le focus sur ce lien n'est plus comprendre cela s'est passé. Je pense aussi à ceux qui ne peuvent pas utiliser la souris pour défaut visuel. En enlevant le perlage renderesti le site inaccessible pour eux.

contour

Le bord est présent sur la liaison juste visité

Entre autres choses, définir la “se concentrer” n'est pas une option, il est clairement indiqué dans le “directives d'accessibilité au contenu web“.

Vous pourriez vous demander pourquoi nous retirer les grandes lignes des liens. En fait, nous n'allons pas simplement supprimer, mais nous allons fournir une alternative viable à l'orientation par défaut.

Pour l'exemple ci-dessus, nous avons la propriété “une:se concentrer” dans le CSS de cette façon:

#test1 une:se concentrer { fond: #FFFF00; }
#test2 une:se concentrer { couleur: #FF6600; }
#test3 une:se concentrer { contour: #FF0000 moyen pointillés; }
#test4 une:se concentrer { couleur: #FFFFFF; fond: #FF0000; }

Renvoyée à cette HTML:

<st>
  <li>définir un <span id ="test1"><a href ="#test1">autre couleur de l'arrière-plan</une></durée>,</li>
  <li>définir un <span id ="test2"><un id ="txt" href ="#">couleur pour le texte</une></durée>,</li>
  <li>changer <span id ="test3"><un id ="BRD" href ="#">bordo di default</une></durée>,</li>
  <li><span id ="test4"><un id ="multiples" href ="#">changer plus&ugrave; paramètres</une></durée> de donner une grande visibilité&empirer;.</li>
</st>

 

Pas assez?


TheJoe

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

0 commentaires

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site utilise Akismet pour réduire le spam. Découvrez comment vos données de commentaire est traité.