A
AEO (Answer Engine Optimization) ist die Arbeit daran, dass Inhalte als jene Einheit ausgewählt werden, die eine Frage unmittelbar beantwortet. Antwortmaschinen
AI Overviews ist die von Google über den Suchergebnissen angezeigte KI-Zusammenfassung, die aus mehreren Quellen zusammengeführt wird. Antwortmaschinen
ARIA (Accessible Rich Internet Applications) ist eine Menge von Attributen, mit denen Rollen-, Zustands- und Eigenschaftsinformationen an Hilfstechnik gemeldet werden, wo HTML sie allein nicht ausdrücken kann. Barrierefreiheit
Was ist ARIA?
ARIA ist eine Menge von Attributen, mit denen Rollen-, Zustands- und Eigenschaftsinformationen an Hilfstechnik gemeldet werden, wo HTML sie allein nicht ausdrücken kann.
ARIA ergänzt dort, wo semantisches HTML nicht ausreicht — es ersetzt es nicht. Diese Unterscheidung ist die wichtigste Regel zu ARIA, und wird sie missverstanden, ist das Ergebnis schlechter als gar kein ARIA.
Es meldet dreierlei. Die Rolle sagt, was ein Element ist — Tab, Dialog, Fortschrittsbalken. Der Zustand sagt, in welcher Lage es gerade ist — offen oder geschlossen, ausgewählt oder nicht, ungültig. Die Eigenschaft trägt unveränderliche Merkmale — welches Element es steuert, mit welchem Text es beschriftet ist.
Entscheidend ist: ARIA fügt kein Verhalten hinzu. Einem Element die Rolle „button“ zu geben macht es nicht tastaturbedienbar; es sagt dem Screenreader nur „das ist eine Schaltfläche“. Tastaturunterstützung, Fokussierbarkeit und Tastenverhalten müssen zusätzlich geschrieben werden. Deshalb ist ein echtes button-Element immer sicherer, als eine Schaltfläche mit ARIA nachzubilden.
Die erste Regel des WAI-ARIA-Leitfadens fasst das in einem Satz: Gibt es ein eingebautes HTML-Element, das die Aufgabe erfüllt, verwenden Sie es statt ARIA. Die zweite Regel weist in dieselbe Richtung — überschreiben Sie eingebaute Semantik nicht mit ARIA.
- Eine falsche Rolle anzugeben ist schlechter, als keine anzugeben — dem Screenreader wurde eine Unwahrheit gesagt.
- Ein visuell verborgenes Element nicht aus dem Barrierefreiheitsbaum zu nehmen lässt die Nutzerin durch unsichtbare Inhalte irren.
- Ein Element zu verbergen und zugleich fokussierbar zu lassen erzeugt einen stummen Fokushalt.
- Eine Beschriftung sowohl nativ als auch über ARIA zu vergeben erzeugt einen Konflikt; meist gewinnt ARIA, und die native Beschriftung verschwindet lautlos.
Der praktische Weg lautet: Wählen Sie zuerst das richtige HTML-Element, stellen Sie fest, dass das Verhalten vom Browser kostenlos mitkommt, und verwenden Sie ARIA nur für die verbleibende Lücke. Komponenten ohne HTML-Entsprechung — Tab-Gruppe, Akkordeon, eigenes Aufklappmenü — sind die Stellen, an denen ARIA wirklich nötig ist.
Häufig falsch eingesetzt wird ARIA beim Erzeugen des barrierefreien Namens. Erhält ein Element sowohl eine native als auch eine ARIA-Beschriftung, geraten beide in Konflikt, und meist gewinnt ARIA — die native Beschriftung verschwindet lautlos. Der sichtbare und der vorgelesene Text laufen auseinander, und wer Sprachsteuerung nutzt, kann das Element nicht auslösen, indem er die sichtbare Beschriftung ausspricht.
Als Regel gilt: Fragen Sie sich vor dem Hinzufügen von ARIA, ob sich diese Information nicht bereits aus dem HTML ableiten lässt. Lautet die Antwort ja, ist ARIA überflüssig — und es hinzuzufügen birgt ein Risiko.
Wenn Sie wissen möchten, ob Ihre eigene Website diese Kriterien erfüllt: Unser individuelles Webdesign setzt WCAG 2.2 AA vom ersten Entwurf an um — Barrierefreiheit ist Teil des Aufbaus, kein Plugin.
Barrierefreiheit
B
Barrierefreier Name Der barrierefreie Name ist der von Hilfstechnik vorgelesene Name eines Bedienelements und kann sich vom Text auf dem Bildschirm unterscheiden. Barrierefreiheit
Barrierefreiheitsbaum Der Barrierefreiheitsbaum ist die Struktur, die der Browser aus einer Seite ableitet und der Hilfstechnik bereitstellt; das ist die Seite, die ein Screenreader sieht. Barrierefreiheit
C
Cache-Header Ein Cache-Header ist der Antwortheader des Servers, der dem Browser mitteilt, wie lange eine Ressource gespeichert werden darf und wie sie erneut geprüft wird. Performance
CLS (Cumulative Layout Shift) misst, wie stark sich Inhalte während des Ladens oder der Nutzung einer Seite unerwartet verschieben; Google wertet Werte unter 0,1 als gut. Performance
Core Web Vitals ist der gemeinsame Name der drei Metriken, die Google zur Messung der tatsächlichen Nutzererfahrung einer Seite definiert hat. Performance
Crawl-Budget Das Crawl-Budget ist die Anzahl der Anfragen, die eine Suchmaschine in einem bestimmten Zeitraum für das Abrufen einer Website aufwendet. Antwortmaschinen
E
Entität (Entity) Eine Entität ist ein eigenständiges Ding, das Such- und Antwortmaschinen erkennen — eine Person, eine Organisation, ein Ort, ein Produkt oder ein Begriff. Antwortmaschinen
F
Farbenblindheit ist die Unfähigkeit, bestimmte Farben voneinander zu unterscheiden; sie betrifft einen erheblichen Teil der Weltbevölkerung, insbesondere Männer. Barrierefreiheit
Felddaten sind die Gesamtheit der Leistungsmessungen, die echte Nutzende auf echten Geräten und in echten Netzen erleben. Performance
Fokusfalle Eine Fokusfalle liegt vor, wenn der Tastaturfokus einen Bereich betritt und ihn nicht mehr verlassen kann; WCAG verbietet das ausdrücklich auf Stufe A. Barrierefreiheit
G
GEO (Generative Engine Optimization) ist die Arbeit daran, die Wahrscheinlichkeit zu erhöhen, dass eine Website in den Antworten generativer KI-Systeme als Quelle gewählt wird. Antwortmaschinen
H
hreflang ist die Auszeichnung, die Suchmaschinen die verschiedenen Sprach- und Regionsfassungen einer Seite meldet. Mehrsprachigkeit
I
IndexNow ist ein offenes Protokoll, das Suchmaschinen unmittelbar meldet, dass sich eine Seite geändert hat. Antwortmaschinen
INP (Interaction to Next Paint) ist die Zeit von einer Nutzerinteraktion bis zur sichtbaren Antwort der Seite; Google wertet Werte unter 200 Millisekunden als gut. Performance
J
JSON-LD (JavaScript Object Notation for Linked Data) ist ein Format für strukturierte Daten, das die Bedeutung einer Seite maschinenlesbar angibt, ohne ihr Aussehen zu verändern. Antwortmaschinen
K
Kanonische Adresse Eine kanonische Adresse ist die Angabe, welche Seite das Original ist, wenn derselbe oder ein sehr ähnlicher Inhalt über mehrere Adressen erreichbar ist. Mehrsprachigkeit
Komprimierung ist das Verkleinern textbasierter Ressourcen vor dem Senden durch den Server und ihr Entpacken im Browser. Performance
Kritischer Renderpfad Der kritische Renderpfad ist die minimale Folge von Schritten, die ein Browser abschließen muss, um eine Seite auf dem Bildschirm zu zeichnen. Performance
L
Länderdomain (ccTLD) Eine Länderdomain ist eine einem bestimmten Land zugeteilte zweibuchstabige Top-Level-Domain-Endung. Mehrsprachigkeit
LCP (Largest Contentful Paint) ist die Aufbauzeit des größten Inhaltselements im sichtbaren Bereich einer Seite; Google wertet Werte unter 2,5 Sekunden als gut. Performance
Live-Bereich Ein Live-Bereich ist ein Seitenbereich, dessen Änderungen der Screenreader der Nutzerin ansagen muss. Barrierefreiheit
llms.txt ist eine optionale Datei im Stammverzeichnis einer Website, die Sprachmodellen in Markdown zusammenfasst, worum es auf der Website geht und wo ihre wichtigsten Seiten liegen. Antwortmaschinen
Locale Eine Locale ist die Einstellung, die Sprache und Region einer Nutzerin gemeinsam bestimmt und die Formatierungsregeln festlegt. Mehrsprachigkeit
Lokalisierung (Localization) ist die Anpassung von Inhalten an Kultur, Gewohnheiten und Suchsprache eines Zielmarkts; sie reicht weiter als Übersetzung. Mehrsprachigkeit
M
Markenerwähnung Eine Markenerwähnung ist die Nennung eines Markennamens ohne Verweis — im Zeitalter der Antwortmaschinen ein Sichtbarkeitssignal, das vom Link unabhängig ist. Antwortmaschinen
R
Reflow Ein Reflow ist die Neuberechnung von Position und Größe der Elemente einer Seite durch den Browser nach einer Änderung. Performance
Relative Leuchtdichte Die relative Leuchtdichte drückt die vom menschlichen Auge wahrgenommene Helligkeit einer Farbe als Wert zwischen 0 und 1 aus und ist die Grundlage der Kontrastberechnung. Barrierefreiheit
S
Schrift-Subset Ein Schrift-Subset ist eine Schriftdatei, die nur mit den tatsächlich benötigten Zeichen neu erzeugt wurde. Mehrsprachigkeit
Screenreader Ein Screenreader ist Hilfstechnik, die Bildschirminhalte in Sprache oder Braille-Ausgabe übersetzt und die Navigation per Tastatur ermöglicht. Barrierefreiheit
Semantisches HTML heißt, jedes Element nach seiner Bedeutung statt nach seinem Aussehen zu wählen — ein Überschriftenelement für eine Überschrift, ein Button-Element für eine Schaltfläche, ein Listenelement für eine Liste. Barrierefreiheit
Sprachkennung (BCP 47) Eine Sprachkennung ist die standardisierte Kodierform, die Maschinen mitteilt, in welcher Sprache ein Text verfasst ist. Mehrsprachigkeit
Strukturierte Daten sind eine zusätzliche Ebene, die den Inhalt einer Seite mit einem standardisierten, für Maschinen verständlichen Vokabular auszeichnet. Antwortmaschinen
T
Textexpansion bedeutet, dass derselbe Inhalt in verschiedenen Sprachen unterschiedlich lang ist und das Layout entsprechend nachgeben muss. Mehrsprachigkeit
Translation Memory Ein Translation Memory ist eine Datenbank, die bereits übersetzte Sätze speichert und sie vorschlägt, wenn derselbe oder ein ähnlicher Satz erneut auftaucht. Mehrsprachigkeit
TTFB (Time to First Byte) ist die Zeit zwischen dem Absenden der Anfrage durch den Browser und dem Empfang des ersten Bytes vom Server. Performance
W
WCAG (Web Content Accessibility Guidelines) ist der vom W3C veröffentlichte internationale Standard, der die Barrierefreiheit von Webinhalten anhand prüfbarer Erfolgskriterien definiert. Barrierefreiheit
X
x-default ist ein besonderer hreflang-Wert, der die Standardseite angibt, wenn keine Sprachfassung zur Sprache der Nutzerin passt. Mehrsprachigkeit
Z
Zitat (Citation) Ein Zitat ist die Nennung einer Quelle in der Antwort, die eine Antwortmaschine erzeugt — meist mit einem Verweis darauf. Antwortmaschinen