TheJoe.it Dans le (ouvrir) Source

10Jun/130

CSS: supprimer la frontière “a puntini” dei lien

outline_ico

Dans l'article d'aujourd'hui, nous voyons une règle CSS simples, 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 pour cela est que l'on pense aussi à 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, de définir le "se concentrer" n'est pas une option, il est clairement indiqué dans le "directives d'accessibilité au contenu web".

Vous pourriez vous demander alors pourquoi devrions-nous supprimer le contour de 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>

 

Content de cet article?

Inscrivez vous à notre fil rss!

Sur

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.

Commentaires (0) Trackbacks (0)

Aucun commentaire pour l'instant


Laisser un commentaire

Aucun trackbacks pour l'instant