Zusammenfassung zur korrekten Verwendung des HTML-Titelattributs

Viele unerfahrene Freunde sind verwirrt über die beiden Attribute Titel und Alt. Sie verwenden das Titelattribut häufig als Ersatz für das Alt-Attribut des Bildes usw. Diese Verhaltensweisen sind verboten Wenn Sie es nicht verstehen, lesen Sie den nächsten Artikel 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 Beeinträchtigungen der Fähigkeiten Benutzer
Benutzer mit kognitiven Beeinträchtigungen

Beispiele für die Nützlichkeit des Titelattributs:

Beschriften eines Frames oder Iframe-Elements:

Beschriftungen bereitzustellen, die unter besonderen Umständen angezeigt werden, die Programme erfordern. Die direkte Verwendung sichtbarer Textbeschriftungen wäre überflüssig:
value="search">
Label-Steuerelement 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 Stattdessen sollten solche Informationen Teil des Linktextes oder neben dem Link sein.
Geben Sie die gleichen Informationen wie im Linktext an:
newsletter
Es wird empfohlen, den Linkinhalt nicht zu kopieren das Titelattribut. Das kommt eigentlich dem Nichtstun gleich.
Titel für Bild:
alt="Das Schloss hat jetzt zwei Türme und zwei Wände.">
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 von Formular-Tags verwendet und entfernt sichtbare Text-Tags:

Screenreader-Benutzer greifen auf Tags für Formularelemente zu, da das Titelattribut ist im Attributnamen innerhalb der Barrierefreiheits-API enthalten (was nicht unterstützt wird, wenn Textbeschriftungen das Label-Element verwenden). Bei vielen anderen Nutzern ist das nicht der Fall. Es wird empfohlen, nach Möglichkeit eine sichtbare Textbeschriftung einzufügen.
Versorgen Sie das Formularelement mit denselben Informationen wie der sichtbare Etiketteninhalt:
name 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.
Stellt zusätzliche Anweisungen für Formularelemente bereit:
name ;
Wenn diese Anweisung für die korrekte Verwendung eines Formularelements wichtig ist, geben Sie bitte Textinformationen rund um das Element an, damit jeder Benutzer sie lesen kann.
Als Erweiterung der Abkürzung:
W3C
Obwohl das Titelattribut des abbr-Elements von Screenreader-Software unterstützt wird, verwenden Es ist immer noch problematisch, da es für andere Benutzergruppen nicht verfügbar ist. 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 Hinweise zur Verwendung des Titelattributs:

Von der Verwendung des Titelattributs wird derzeit abgeraten, da viele Benutzerprogramme nicht in der Lage sind, dieses Attribut gemäß der Spezifikation anzuzeigen (z. B. wenn ein Mauszeigergerät erforderlich ist, um die Anzeige von Eingabeaufforderungsinformationen zu veranlassen, ausgenommen Benutzer, die nur über die Tastatur verfügen und Benutzer mit Touchscreen).

Die Verwendung des Titelattributs anstelle des Alt-Attributs eines IMG-Elements oder als Titel eines Bildes ist verboten.

Die Verwendung des Titelattributs ist derzeit aufgrund der schwachen Barrierefreiheitsunterstützung für dieses Attribut verboten in vielen Benutzeragenten ...

Weitere zusammenfassende Artikel zur korrekten Verwendung des HTML-Titelattributs finden Sie auf der chinesischen PHP-Website!