Schneller Tipp Verwenden Sie das Attribut lang, um die Zugänglichkeit zu verbessern

Das lang Attribut ist eines der globalen HTML-Attribute, die Entwickler auf jedes HTML-Element anwenden können, und es kann wirklich hilfreich sein, wenn es um die Barrierefreiheit geht. Sie können die Sprache eines Elements und aller seiner untergeordneten Elemente mithilfe einer Sprache "Untertag" angeben: einem aus zwei oder drei Zeichen bestehenden Code, der von einer internationalen Normungsorganisation definiert wird.

A11y von Anfang an

Dieser schnelle Tipp ist Teil von Web Accessibility: Der Complete Learning Guide, in dem wir eine Reihe von Tutorials, Artikeln, Kursen und E-Books zusammengestellt haben, um Ihnen den Zugang zu Web von Anfang an zu erleichtern.

Grundlegende Verwendung

lang ist am häufigsten auf der gefunden html Element, bei dem die Deklaration auf den gesamten Inhalt der Seite übertragen werden kann. Zum Beispiel eine Deklaration von  teilt dem Browser mit, dass der gesamte Inhalt der Seite Englisch ist. 

lang Untertags können auch einen Skript- oder Regionsbezeichner enthalten, mit dem Sie entweder das Schriftsystem der Sprache oder die geografische Region angeben können. Zum Beispiel eine Deklaration von  spezifiziert Vereinigtes Königreich Englisch (Farbe vs. Farbe, Mitte vs. Mitte usw.).

Sie können ein vorhandenes überschreiben lang Deklaration mit einer spezifischeren lang Deklaration zur programmgesteuerten Identifizierung von Inhalten, die eine Sprache verwenden, die sich vom Rest der Seite unterscheidet. Ein spanischsprachiger Abschnitt auf einer englischen Seite würde ungefähr so ​​aussehen:

   

Warum sollten wir das tun? Ein paar Gründe: 

1. Übersetzung und Interoperabilität

Durch die Identifizierung der Sprachen des Inhalts können Übersetzungsdienste wie Google Chrome genauer arbeiten. Da Sie mit einem Computer über Code sprechen, können Sie den fremdsprachlichen Erkennungsalgorithmen direkt mitteilen, dass eine Übersetzungsaufforderung ausgelöst werden soll. 

Google Chrome fordert den Benutzer auf, eine Seite zu übersetzen.

Die Anwesenheit eines gültigen lang Die Attributdeklaration hilft auch bei anderen automatisierten Diensten, die Website-Inhalte aufnehmen und rekontextualisieren. Darüber hinaus kann es als Styling-Hook für Dinge wie CSS dienen. Zitate Eigentum.

2. Bildschirmleser

Einige Software, die Bildschirminhalte laut liest, kann das auch analysieren lang Attribut, das die Aussprache des Inhalts der Seite beeinflusst. Diese Software ist nicht nur auf assistive Technologie beschränkt. Sprachassistenten wie Alexa, spezielle Browser-Lesemodi, Navigationsanwendungen wie Google Maps, Beschallungssysteme usw. können alle diese Funktion nutzen.

Zumindest die richtige Verwendung der lang Attribut kann dieses Extra hinzufügen je ne sais quoi Zur Erfahrung, der Software mitzuteilen, Inhalte laut auszulesen, wie es eine Person tun würde.

Im besten Fall hilft es, Ihren Inhalt zu verstehen. Bei sprachbasierten Oberflächen sind viele Ermessensmöglichkeiten, die wir mit einer visuellen Benutzeroberfläche als selbstverständlich voraussetzen, nicht gegeben. Daher ist es wichtig, dass sie den Inhalt so genau wie möglich darstellen.

Hier sehen Sie ein Beispiel dafür, wie der beliebte Bildschirmleser JAWS Inhalte behandelt, die über ein lang Attribut richtig angewendet. Es werden zwei Beispiele vorgelesen: eines ohne und eines mit dem lang Attribut, das korrekt auf den französischen Teil des Satzes angewendet wird: „Auf Französisch darf der Ausdruck„ Darf ich Ihr Badezimmer benutzen? “Puis-je utiliser votre salle de bain?""

Fazit

Die semantische Beschreibung Ihrer Inhalte ist eines der wenigen Dinge, die Sie als Entwickler tun können, um die Erfahrung der Benutzer und Dienste, die Ihre Websites und Web-Apps verwenden, erheblich zu verbessern.