twigcs a11y

twigcs-a11y

這是一個twigcs可訪問性規則集。它靜態檢查樹枝模板是否已知可訪問性問題。

該規則集靈感來自Deque的Ax Linter

注意：自動測試不能保證您的網站可以訪問。手動測試是確保確保的唯一方法。

想了解有關創建可訪問網站的更多信息嗎？查看A11Y集體。

安裝

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規則描述。

使用非0或-1值的TabIndex值會導致鍵盤用戶的意外行為。元素的Tabindex屬性中的變量被認為是無效的。

Bannedhtmltags

斧頭閃電規則描述。

斧頭大門規則描述。

不允許使用blink和marquee標籤。這些元素可能會給認知障礙用戶帶來問題。

ariaroles

AX ARIA-ROLEL規則描述。

捕獲無效的詠嘆調角色價值。不允許錯字，非標準和動態角色。

輔助技術無法正確解釋無效的角色。

路線圖

這個想法是從AX Linter規則集實施盡可能多的規則。