So verwenden Sie das HTML-Titelattribut

Dieses Mal zeige ich Ihnen, wie Sie das Title-Attribut von HTML verwenden und welche Vorsichtsmaßnahmen bei der Verwendung des Title-Attributs von HTML gelten. Das Folgende ist ein praktischer Fall Schauen Sie mal rein.

Wenn Sie etwas vor Benutzern verbergen möchten, die Mobiltelefone, Tablets und unterstützende Technologien verwenden, es aber nur Tastaturbenutzern zeigen 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 10-jährige Geschichte hat, hat kein Browser eine Methode zur Anzeige des Titelattributs über die Tastatur implementiert.
Zur Verwendung in den meisten HTML-Elementen stellt es Informationen für Personen bereit, 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
Benutzer mit eingeschränkter Feinmotorik
Erkennen Sie Beispiele dafür, dass das
title-Attribut für Benutzer mit Behinderungen nützlich ist:
Beschriften eines Frames oder Iframe-Elements:
Bereitstellen spezieller Situationen, die eine Programmierung erfordern implementiert werden. Die Tags werden nur unten angezeigt. Die direkte Verwendung sichtbarer Text-Tags wäre überflüssig:
input type="submit" value="search"> ;
Label
Kontrolle 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
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, sollte dieser Inhalt neben dem
Bild stehen. Wird anstelle von Formular-Tags verwendet und entfernt sichtbare Text-Tags:

Benutzer von Bildschirmleseprogrammen 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 dies 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 Empfehlungen für die 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 von title-Attributen, die das alt-Attribut eines img-Elements ersetzen oder als Titel eines Bildes dienen, ist verboten.
Die Verwendung des title-Attributs ist derzeit aufgrund der schwachen Barrierefreiheitsunterstützung für dieses Attribut in vielen Benutzeragenten verboten. .

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Verwandte Lektüre:

So lösen Sie das Abstandsproblem zwischen Beschriftung und Eingabe in Google Browse

Was ist mit dem Meta Header-Tag von HTML? Aktualisierungsumleitung implementieren

So lösen Sie das Problem, wenn das Formular automatisch gesendet wird und nach dem Drücken der Eingabetaste auf der Webseite zu anderen Seiten springt

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML-Titelattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!