Dies ist ein TWIGCS -Barrierefreiheits -Regeln. Es überprüft die Zweigvorlagen statisch auf bekannte Zugänglichkeitsprobleme.
Der Regeln ist inspiriert von Deques Axt -Linter
Hinweis: Automatisierte Tests garantieren nicht, dass Ihre Website zugänglich ist. Manuelle Tests sind die einzige Möglichkeit, sicherzustellen.
Möchten Sie mehr über das Erstellen zugänglicher Websites erfahren? Schauen Sie sich das A11Y -Kollektiv an.
composer require --dev nielsdeblaauw/twigcs-a11y
vendor/bin/twigcs --ruleset \NdB\TwigCSA11Y\Ruleset
Beispielausgabe
./tests/test.twig
l.2 c.0 : ERROR [A11Y.TabIndex] Invalid 'tabindex'. Tabindex must be 0 or -1. Found `tabindex=1>.`
l.12 c.20 : ERROR [A11Y.TabIndex] Invalid 'tabindex'. Tabindex must be 0 or -1. Found `tabindex=test.`
l.12 c.53 : ERROR [A11Y.TabIndex] Invalid 'tabindex'. Tabindex must be 0 or -1. Found `tabindex='test'.`
l.16 c.0 : ERROR [A11Y.BannedHTMLTags] Tag 'marquee' is dissallowed. Found `<marquee>`.
l.18 c.0 : ERROR [A11Y.BannedHTMLTags] Tag 'blink' is dissallowed. Found `<blink>`.
5 violation(s) found
Weitere Optionen finden Sie in der TWIGCS -Dokumentation.
Die folgenden Regeln werden im Rahmen dieses Regelnsatzes implementiert.
Axe Tabindex -Regelbeschreibung.
Die Verwendung eines Non 0 oder -1 -Wertes für Tabindex führt zu unerwarteten Verhaltensweisen für Tastaturbenutzer. Variablen in der Tabindex -Eigenschaft eines Elements werden als ungültig angesehen.
Axe Blink -Regelbeschreibung.
Axe -Festzelt -Regelbeschreibung.
Die blink und marquee -Tags sind nicht zugelassen. Diese Elemente können für Benutzer mit kognitiven Behinderungen Probleme verursachen.
Axe Aria-Rollen-Regelbeschreibung.
Fängt ungültige ARIA -Rollenwerte. Tippfehler, nicht standardmäßige und dynamische Rollen sind nicht zulässig.
Ungültige Rollen können nicht korrekt durch die Assistenztechnologie interpretiert werden.
Die Idee ist, so viele Regeln wie möglich aus dem AX Linter Rulset zu implementieren.