นี่คือชุดการเข้าถึง Twigcs มันตรวจสอบเทมเพลต Twig แบบคงที่สำหรับปัญหาการเข้าถึงที่รู้จัก
ชุดกฎได้รับแรงบันดาลใจจาก Ax Linter ของ Deque
หมายเหตุ: การทดสอบอัตโนมัติไม่รับประกันว่าเว็บไซต์ของคุณจะสามารถเข้าถึงได้ การทดสอบด้วยตนเองเป็นวิธีเดียวที่จะทำให้แน่ใจ
ต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการสร้างเว็บไซต์ที่เข้าถึงได้หรือไม่? ตรวจสอบกลุ่ม 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
กฎต่อไปนี้ถูกนำไปใช้เป็นส่วนหนึ่งของชุดกฎนี้
คำอธิบายกฎของ AX Tabindex
การใช้ค่าที่ไม่ใช่ 0 หรือ -1 สำหรับ TabIndex ส่งผลให้เกิดพฤติกรรมที่ไม่คาดคิดสำหรับผู้ใช้แป้นพิมพ์ ตัวแปรในคุณสมบัติ tabindex ขององค์ประกอบถือว่าไม่ถูกต้อง
คำอธิบายกฎของ Axe Blink
คำอธิบายกฎของ AX MARQUEE
แท็ก blink และ marquee ไม่ได้รับอนุญาตจากการใช้งาน องค์ประกอบเหล่านี้อาจทำให้เกิดปัญหาสำหรับผู้ใช้ที่มีความบกพร่องทางสติปัญญา
คำอธิบายกฎของ AX ARIA-ROLES
จับค่าบทบาทของ ARIA ที่ไม่ถูกต้อง ไม่อนุญาตให้ใช้บทบาทของ Typo, ไม่ได้มาตรฐานและไดนามิก
บทบาทที่ไม่ถูกต้องไม่สามารถตีความได้อย่างถูกต้องโดยเทคโนโลยีช่วยเหลือ
แนวคิดคือการใช้กฎให้มากที่สุดเท่าที่จะเป็นไปได้จาก Axe Linter Ruleset