Zweck identifizieren

Silktide fordert Sie auf zu überprüfen, dass der Zweck von Bereichen, Symbolen und Steuerelementen auf der Seite programmatisch ermittelbar ist – damit Benutzeragenten die Seite für die Besuchenden anpassen können. Dies ist Erfolgskriterium 1.3.6 (Stufe AAA).

Dies ist eine : Es gibt kein fertiges W3C-Vokabular zum Auszeichnen jedes Zwecks, und kein automatisiertes Tool kann beurteilen, ob die vorhandene Semantik tatsächlich dem Zweck jeder Region oder jedes Steuerelements entspricht. Silktide zeigt auf jeder Seite eine Aufforderung an und eine Person bestätigt sie.

Warum das wichtig ist

Menschen mit kognitiven Behinderungen, geringer Literalität oder eingeschränkter Aufmerksamkeit passen das Web häufig an: Sie blenden Bereiche aus, die sie nicht benötigen, tauschen Symbole gegen einen ihnen vertrauten Satz aus oder vereinfachen Steuerelemente. Das funktioniert nur, wenn die Seite offenlegt, wozu jedes Teil dient – nicht nur, wie es aussieht.

Ohne programmatisch ermittelbaren Zweck kann eine Hilfstechnologie einen Link „Startseite“ nicht von einer Schaltfläche „Suche“ oder einem dekorativen Symbol unterscheiden, und Personalisierungswerkzeuge haben nichts, womit sie arbeiten können.

Was zu prüfen ist

Regionen – Wichtige Bereiche der Seite verwenden Landmarks (<header>, <nav>, <main>, <aside>, <footer> oder entsprechende ARIA-Rollen), und wenn es mehrere desselben Typs gibt, werden sie durch einen zugänglichen Namen unterschieden.
Steuerelemente – Interaktive Elemente verwenden die richtigen nativen HTML- oder ARIA-Rollen, damit ihr Zweck klar ist (eine Schaltfläche ist eine Schaltfläche, ein Link ist ein Link).
Symbole – Funktionale Symbole haben einen zugänglichen Namen, der ihren Zweck angibt; dekorative Symbole sind vor Hilfstechnologien verborgen.
Formularfelder, die Nutzerdaten erfassen – sofern relevant, erfüllen Sie außerdem Eingabezweck identifizieren (1.3.5) mit autocomplete.

Das W3C hat jenseits von Landmarks und Rollen noch kein empfohlenes Personalisierungsvokabular abgeschlossen, daher sind Landmarks + korrekte Rollen + benannte Symbole heute für die meisten Websites die praxisnahe Messlatte.

So beheben Sie das

Seitenbereiche mit HTML5-Gliederungselementen oder ARIA-Landmarks auszeichnen.
Native Steuerelemente (<button>, <a>, Formulareingaben) klickbaren <div>s vorziehen.
Jedem funktionalen Symbol einen zugänglichen Namen geben; dekorative mit aria-hidden="true" kennzeichnen.
autocomplete-Tokens in Feldern für Nutzerdaten hinzufügen (siehe 1.3.5).

Wenn die Bereiche, Symbole und Steuerelemente der Seite ihren Zweck klar offenlegen (oder die Seite keine enthält, bei denen das nötig ist), Sie den Befund.

Wie Silktide dies testet

Silktide kann nicht entscheiden, ob vorhandene Semantik den Zweck korrekt vermittelt, daher erzeugt diese Prüfung pro Seite eine Überprüfungsaufforderung. Die - und Landmark-bezogenen Prüfungen von Silktide unter 1.3.1 und 4.1.2 erkennen fehlerhaftes Markup automatisch; diese Prüfung deckt die verbleibende Ermessensentscheidung ab. Kein gängiges Tool automatisiert 1.3.6 – es gibt dafür keine W3C-ACT-Regel.