TheJoe.it Into the (öffnen) Quelle

10Jun_Juni_abbreviation/130

CSS: entfernen Sie die Grenze “a puntini” dei Link

outline_ico

Im heutigen Artikel werden wir sehen eine einfache CSS-Regel, bereits in vielen CSS zurückstellen. Ich bin über die Immobilie sprechen "umreißen". Wenn die regola "umreißen" nicht einstellen Browser erscheint ein gepunktetes Feld um jeden Link geklickt. Die Standardeinstellung dafür ist, weil es auch für diejenigen, die TAB-Taste zum Navigieren gedacht, und Sicken ohne den Fokus verlieren auf diesen Link nicht mehr verstehen, es passiert. Ich denke auch an diejenigen, die nicht verwendet werden können die Maus, um Fehlsichtigkeit. Durch das Entfernen der Sicke renderesti die Website für sie nicht zugänglich.

umreißen

Der Rand ist auf den Link vorliegenden besucht

Unter anderem definieren die "konzentrieren" ist nicht optional, ist eindeutig in der angegebenen "Web Content Accessibility Guidelines".

Sie könnten dann fragen, warum sollten wir entfernen die Umrisse von Links. In der Tat werden wir nicht einfach entfernen, aber wir werden eine tragfähige Alternative zu den Standard-Fokus stellen.

Um das obige Beispiel, wir haben die Eigenschaft, "a:konzentrieren" in dem CSS auf diese Weise:

#test1 ein:konzentrieren { Hintergrund: #FFFF00; }
#test2 ein:konzentrieren { Farbe: #FF6600; }
#test3 ein:konzentrieren { umreißen: #FF0000 gepunktete Medium; }
#test4 ein:konzentrieren { Farbe: #FFFFFF; Hintergrund: #FF0000; }

Bezogen auf dieses HTML:

<st>
  <li>definieren ein <span id ="test1"><a href ="#test1">alternate Farbe des Hintergrundes</a></Spannweite>,</li>
  <li>definieren ein <span id ="test2"><a id ="txt" href ="#">Farbe für den Text</a></Spannweite>,</li>
  <li>ändern <span id ="test3"><a id ="brd" href ="#">bordo di default</a></Spannweite>,</li>
  <li><span id ="test4"><a id ="Multi" href ="#">mehr ändern&ugrave; Parameter</a></Spannweite> zu hohe Sichtbarkeit geben&schlimmer;.</li>
</st>

 

hat dir dieser Artikel gefallen?

Dann abonniere doch diesen Blog per RSS Feed!

Über

Ich halte diesen Blog als ein Hobby von 2009. Ich bin begeistert von Grafik, Technologie, Open Source Software. Unter meinen Artikel wird nicht schwierig sein, über die Musik finden, und einige persönliche Reflexionen, aber ich bevorzuge die direkte Linie des Blogs vor allem auf Technologie. Weitere Informationen Kontaktieren Sie mich.