Color Contrast Checker
CLI + Web tool ตรวจ WCAG color contrast ratio — รับ hex/rgb/hsl แสดง pass/fail AA/AAA และ suggest สี alternative
อ่านเพิ่ม →#accessibility 7
รายการ Projects, Resources และ Notes ทั้งหมดที่มี tag นี้
Projects 1
Resources 3
HTML Forms & Native Validation
Native HTML5 form validation, Constraint Validation API, custom error messages, และ patterns สำหรับ accessible forms
อ่านเพิ่ม →SVG Sprites & Icon System — icon ที่ maintain ง่ายและ accessible
วิธีสร้าง icon system ด้วย SVG sprite (symbol + use) และแนวทางทำ accessible icons ที่ถูกต้อง
อ่านเพิ่ม →Accessibility Testing Tools — ตรวจ a11y อย่างมีระบบ
รวม tools สำหรับ test web accessibility ตั้งแต่ automated scan ถึง manual testing ด้วย screen reader
อ่านเพิ่ม →Notes 3
:focus-visible แทน :focus สำหรับ keyboard accessibility
:focus-visible แสดง outline เฉพาะเมื่อ navigate ด้วย keyboard — ไม่รกตาเมื่อ click ด้วย mouse
อ่านเพิ่ม →<details> และ <summary> — accordion โดยไม่ต้องเขียน JavaScript
details/summary ทำ accordion toggle ได้ใน HTML ล้วน — browser จัดการ open/close, keyboard และ accessibility ให้ทั้งหมด
อ่านเพิ่ม →HTML Popover API — tooltip และ dropdown โดยไม่ต้องเขียน JS เอง
popover attribute + popovertarget ทำ overlay ที่ accessible ได้ใน HTML ล้วน — มี focus trap, light dismiss และ :popover-open selector
อ่านเพิ่ม →