Artikeleinführung von Wulin.com (www.vevb.com): 10 Nutzungstipps für Websites, die jeder verwenden kann.
1. Fügen Sie Ihrem Logo alternative Text hinzu
Dies hat zwei Vorteile: Der Bildschirmleser kann die Bedeutung des Logo-Images erkennen, und wenn das Bild nicht geladen ist, kann es auch nicht visuell gestörte Benutzer erkennen, wo sich Ihr Logo befindet.
Verschiedene Methoden:
<img src = logo.png Alt = Web Teaching -Website>
Wenn Sie das Hintergrundbild verwenden, um das Logo zu implementieren, können Sie das Titelsattribut auch hinzufügen, um es zu implementieren:
<span title = webseitenunterrichtswebsite> </span>
Natürlich ist das Link + Hintergrundbild der beste Weg, aber es ist am besten, auch das Titelattribut hinzuzufügen:
<a title = Web Teaching Network> Web Teaching Network </a>
2. Fügen Sie grundlegende Wahrzeichen hinzu
Aria Landmark ist eine Reihe von Usability -Regeln der Website, die von W3C definiert sind. Das Hinzufügen des beschreibenden Wahrzeichens zu verschiedenen Modulen der Website - oder direkt als Rolle bezeichnet - ist für die Bildschirmlesesoftware förderlich, um Ihre Webseiten besser zu verstehen, damit sehbehinderte Benutzer Ihre Website besser nutzen können.
<Navigrolle = Navigation>
<div id = MainContent Rolle = Main>
<form action = search.php rollen = such>
3.. Verbessern Sie die Fokusdefinition
Tatsächlich versuchen viele Websites alle Mittel, um den Fokusstil des Browsers zu entfernen, insbesondere für den IE -Browser. Tatsächlich ist es sinnvoll, den Browser mit dem Standardfokus zu haben. Es kann angeben, wo sich der aktuelle Mausfokus des Benutzers befindet. Dies ist besonders wichtig für das Streaming von Tastaturen.
Entfernen Sie also bitte nicht den Fokusstil. Selbst wenn Sie der Meinung sind, dass der Standardstil nicht gut aussehend oder unbeschreiblich ist (dh eine gepunktete Box, Webkit ist eine hervorgehobene feste Box und Safari ist blau, Chrom ist orange), können Sie auch selbst eine Highlight-Farbe definieren:
A: Fokus {
Umriss: 1PX Solid Red;
Hintergrund: Gelb;
}
Wenn Ihr Produktmanager oder visueller Designer darauf besteht, den Fokuszustand zu beseitigen, nehmen Sie einfach Ihre Maus für einen Tag weg und sagen Sie ihm, dass Sie nur die Registerkarte verwenden können, um die Links zu wechseln. . .
4. Definieren Sie die erforderlichen Formularelemente
Verwenden Sie das ARIA -Bedarf -Attribut, um die erforderlichen Elemente im Formular zu definieren.
<Eingabe type = textname = username aria-erregt = true>
5. Fügen Sie Ihrer Seite einen H1 hinzu
Der Grund ist einfach, nicht nur für SEO, sondern auch für die allgemeine Benutzerfreundlichkeit und Lesbarkeit der Website. Haben Sie auch keine Code -Obsession?
6. Definieren Sie den Tischheader
Normalerweise werden viele Menschen es gewohnt, TD -Tags für alle Formen zu verwenden. Tatsächlich haben die Tabellen nicht nur HD -Tags, sondern auch Th, Col, Scope usw.
Also einfach ausgedrückt, ändern Sie den Header in das TH -Tag:
<Th Scope = col> Datum </th>
7. Definieren Sie die Tabellenbeschreibung
Fügen Sie nicht einfach ein P vor/nach dem Tisch hinzu. Die Tabelle verfügt über ein dediziertes Bildunterschrift, genau wie ein Bild.
<tabelle>
<Caption> Klassenplan </caption>
<tr>
...
8. Vermeiden Sie hier zu klicken
Obwohl eine solche Linkbeschreibung für gewöhnliche Personen keine Rolle spielt, ist sie für die Lesebuchsoftware für Bildschirmlesen ziemlich schlecht. Es ist tatsächlich eine Einmischung gegen sehbehinderte Benutzer.
Verwenden Sie also einfach den Link an der richtigen Stelle.
9. Tabindex entfernen
Es war einmal, dass viele Personen Tabindex zur Verbesserung der Benutzererfahrung verwendeten. Dieses Attribut würde jedoch die normale Lesereihenfolge der Seite stören, die für sehbehinderte Benutzer katastrophal ist und möglicherweise nicht für normale Benutzer freundlich ist.
Missbrauche das Tabindex -Attribut nicht.
10. Überprüfen Sie es online
Nun, als ich das sah, stellte ich fest, dass es sich tatsächlich um eine Werbung handelte, aber wenn das Problem der Website der Website festgestellt werden kann, ist es auch eine gute Sache. Ein von Webaim entwickelter Web -Tool erkennt es automatisch durch Eingabe der URL. Getestet war es ziemlich gut.