twigcs a11y

twigcs-a11y

これは、Twigcsアクセシビリティルールセットです。既知のアクセシビリティの問題については、小枝テンプレートを静的にチェックします。

ルールセットは、Deque's Axe Linterに触発されています

注：自動テストは、サイトにアクセスできることを保証しません。手動テストは、確認する唯一の方法です。

アクセシブルなWebサイトの作成について詳しく知りたいですか？ A11y Collectiveをご覧ください。

インストール

composer require --dev nielsdeblaauw/twigcs-a11y

使用

vendor/bin/twigcs --ruleset \NdB\TwigCSA11Y\Ruleset

出力の例

 ./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

追加オプションについては、Twigcsのドキュメントをご覧ください。

ルール

このルールセットの一部として、次のルールが実装されています。

Tabindex

AX Tabindexルールの説明。

Tabindexに非0または-1値を使用すると、キーボードユーザーに予期しない動作が発生します。要素のtabindexプロパティの変数は無効と見なされます。

Bannedhtmltags

Axe Blinkルールの説明。

AXマーキールールの説明。

blinkとmarqueeタグは、使用から許可されていません。これらの要素は、認知障害のあるユーザーに問題を引き起こす可能性があります。

アリアロール

AX ARIAロールのルール説明。

無効なARIAロール値をキャッチします。タイプミス、非標準的でダイナミックな役割は許可されていません。

無効な役割は、支援技術によって正しく解釈できません。

ロードマップ

アイデアは、AXリンテルルールセットからできるだけ多くのルールを実装することです。