twigcs a11y

Twigcs-A11Y

Ini adalah aturan aksesibilitas TwigCS. Ini secara statis memeriksa templat ranting untuk masalah aksesibilitas yang diketahui.

Aturannya terinspirasi oleh linter Axe Deque

Catatan: Tes otomatis tidak menjamin situs Anda dapat diakses. Pengujian manual adalah satu -satunya cara untuk memastikan.

Ingin mempelajari lebih lanjut tentang membuat situs web yang dapat diakses? Lihat kolektif A11Y.

Instalasi

composer require --dev nielsdeblaauw/twigcs-a11y

Menggunakan

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

Output contoh

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

Untuk opsi tambahan, baca dokumentasi TwigCS.

Aturan

Aturan berikut diimplementasikan sebagai bagian dari aturan ini.

Tabindex

Deskripsi Aturan AX TabIndex.

Menggunakan nilai non 0 atau -1 untuk TabIndex menghasilkan perilaku yang tidak terduga untuk pengguna keyboard. Variabel dalam properti TabIndex dari suatu elemen dianggap tidak valid.

Dilarang

Deskripsi Aturan Ax Blink.

Deskripsi Aturan Marquee Axe.

Tag blink dan marquee dilarang dari penggunaan. Elemen -elemen ini dapat menyebabkan masalah bagi pengguna dengan cacat kognitif.

Ariaroles

Deskripsi Aturan Axe Aria-Roles.

Menangkap nilai peran aria yang tidak valid. Peran kesalahan ketik, non-standar dan dinamis tidak diperbolehkan.

Peran yang tidak valid tidak dapat ditafsirkan dengan benar oleh teknologi bantu.

Peta jalan

Idenya adalah untuk mengimplementasikan aturan sebanyak mungkin dari aturan linter Axe.