Heim > Web-Frontend > HTML-Tutorial > Einige Vorschläge zur korrekten Verwendung von HTML-Titelattributen_HTML/Xhtml_Webseitenproduktion

Einige Vorschläge zur korrekten Verwendung von HTML-Titelattributen_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:38:27
Original
1661 Leute haben es durchsucht

Wenn Sie etwas vor Benutzern verbergen möchten, die Telefone, Tablets und unterstützende Technologien verwenden, es aber nur Tastaturbenutzern anzeigen möchten, verwenden Sie das Titelattribut.
Details

Es liegt ein Problem mit dem HTML-Titelattribut selbst vor. Das Problem ist, dass es in einigen wichtigen Punkten nicht gut genug funktioniert, obwohl es schon seit mehr als 14 Jahren bei uns ist. Mit dem Aufkommen von Touch-Geräten hat die Rolle dieses Attributs weiter abgenommen. Die Zugänglichkeit des Titelattributs ist aufgrund mangelnder Browserunterstützung, Unterstützung für Bildschirmleseprogramme und mangelnder Aufmerksamkeit des Autors zu einem Problem geworden.
Das Titelattribut wird aufgrund mangelnder Unterstützung in den folgenden Situationen überflüssig:

Für Personen, die in mobilen Browsern auf Webinhaltsinformationen zugreifen. Normalerweise wird der Inhalt des Titelattributs als Eingabeaufforderung in Desktop-Browsern angezeigt. Soweit ich weiß, unterstützt kein mobiler Browser die Anzeige von Tooltips und es gibt keine andere visuelle Methode, um auf den Inhalt des Titelattributs zuzugreifen.
Informativ für diejenigen, die keine Maus benutzen können. Normalerweise wird der Inhalt des Titelattributs als Eingabeaufforderung in Desktop-Browsern angezeigt. Obwohl das Verhalten von Eingabeaufforderungsinformationen eine mehr als zehnjährige Geschichte hat, hat kein Browser eine Methode zur Verwendung der Tastatur zum Anzeigen des Titelattributs implementiert.
Zur Verwendung in den meisten HTML-Elementen bietet es Informationen für Personen, die eine Vielzahl unterstützender Technologien verwenden. Soweit ich weiß, unterstützen Screenreader den Zugriff auf Titelattributinformationen nicht.

Das Titelattribut ist wie folgt nicht benutzerfreundlich

Mobiltelefonbenutzer
Nur-Tastatur-Benutzer
Benutzer, die Bildschirmlupen verwenden
Screenreader-Benutzer
Feinmotorik Fähigkeitsbeeinträchtigungen Benutzer
Benutzer mit kognitiven Beeinträchtigungen

Beispiele für die Nützlichkeit des Titelattributs:

Beschriften eines Frames oder Iframe-Elements:

Bereitstellen des erforderlichen Programms Funktionen Für Beschriftungen, die nur unter besonderen Umständen angezeigt werden, wäre es überflüssig, sichtbare Textbeschriftungen direkt zu verwenden:

Beschriftungssteuerung in der Datentabelle.

Beispiele, bei denen das Titelattribut nutzlos oder von geringem Nutzen ist:

Fügen Sie zusätzliche Informationen zu Links oder umgebenden Inhalten hinzu, die kein Text sein können:
Newsletter
Das Gegenteil ist so: Die Informationen sollten Teil des Linktextes oder neben dem Link sein.
Geben Sie die gleichen Informationen wie im Linktext an:
Newsletter
Es wird empfohlen, den Linkinhalt nicht als Titelattribut zu kopieren. Das kommt eigentlich dem Nichtstun gleich.
Titel für das Bild:
Einige Vorschläge zur korrekten Verwendung von HTML-Titelattributen_HTML/Xhtml_Webseitenproduktionalt="Das Schloss hat jetzt zwei Türme und zwei Mauern .">
Wahrscheinlich sind die Titelinformationen die wichtigsten Informationen und sollten standardmäßig für alle Benutzer zugänglich sein. Wenn ja, dann sollte sich dieser Inhalt direkt neben dem Bild befinden.
wird anstelle des Formular-Tags verwendet, wodurch das sichtbare Text-Tag entfernt wird:

Benutzer von Bildschirmleseprogrammen haben Zugriff auf das Tag des Formularelements, da das Titelattribut im Attributnamen der Barrierefreiheits-API enthalten ist (wird nicht unterstützt, wenn Textbeschriftungen Beschriftungselemente verwenden). Bei vielen anderen Nutzern ist dies nicht der Fall. Es wird empfohlen, nach Möglichkeit eine sichtbare Textbeschriftung einzufügen.
Versorgen Sie das Formularelement mit den gleichen Informationen wie der sichtbare Etiketteninhalt:

Das Duplizieren des sichtbaren Etikettentextes ist unmöglich, es sei denn, es fügt dem Benutzer eine Menge kognitives Rauschen hinzu. Tu es nicht. Das Wiederholen von sichtbarem Beschriftungstext scheint keinen anderen Zweck zu haben, als eine Menge lästiges kognitives Rauschen hinzuzufügen. Hören Sie mit dieser Verwendung auf.
Geben Sie zusätzliche Anweisungen für Formularelemente an:

Wenn diese Anweisung für die korrekte Verwendung des Formularelements wichtig ist, geben Sie bitte Textinformationen rund um das Element an und stellen Sie sicher, dass jedes Alle Benutzer können es lesen.
als Erweiterung der Abkürzung:
W3C
Obwohl das Title-Attribut des abbr-Elements von Screenreader-Software unterstützt wird, ist seine Verwendung immer noch problematisch, da es für andere Benutzer nicht verfügbar ist Gruppen. Es wird empfohlen, den vollständigen Namen im Textformat anzugeben, wenn die Abkürzung zum ersten Mal im Dokument erscheint, oder ein Glossar des vollständigen Namens bereitzustellen. Dies bedeutet nicht, dass das Titelattribut nicht verwendet werden kann, da es Einschränkungen unterliegt und der vollständige Name in Textform angegeben werden sollte.

HTML 5.1 enthält allgemeine Empfehlungen für die Verwendung des Titelattributs:

Von der Verwendung des Titelattributs wird derzeit abgeraten, da viele Benutzerprogramme dieses Attribut nicht wie von der Spezifikation gefordert anzeigen können ( z. B. wenn ein Mauszeiger erforderlich ist. Das Gerät bewirkt die Anzeige von Eingabeaufforderungsinformationen, ausgenommen Benutzer, die nur Tastaturen und Touchscreen-Benutzer verwenden.

Verwendung des Titelattributs anstelle des Alt-Attributs des img-Elements oder als Titel des Bild ist verboten

Verlassen auf Titel Das Attribut ist derzeit aufgrund der schwachen Barrierefreiheitsunterstützung durch viele Benutzeragenten verboten...

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage