ADA Compliance: 8 WCAG Checklist (2026)

เช้าวันอังคาร · นุ่นนั่งอยู่หน้าจอ legal letter จาก US law firm · "บริษัทคุณถูกฟ้องภายใต้ ADA Title III เพราะเว็บไซต์ไม่รองรับ screen reader · ขอให้แก้ไขภายใน 90 วัน + ชดใช้ค่าเสียหาย $35,000"
นุ่นเป็น CEO ของ e-commerce ส่งออกของแฮนด์เมดจากเชียงใหม่ไป US · อายุ 32 · ขาย $480K/ปี · เว็บไม่ผ่าน WCAG · ไม่มี alt text · keyboard navigation พัง · color contrast 2.1:1 · ลูกค้า blind ฟ้อง · ทนาย US ส่ง demand letter
เธอโทรหาผมตอนสามทุ่ม "พี่ ADA Compliance คืออะไร · ทำไมเว็บไทยถูกฟ้องที่ US · ผมต้องทำยังไง · 90 วันพอไหม"
นุ่นเจอ ADA lawsuit ที่ Thai e-commerce US-bound 80% เสี่ยง ผมรู้จักความตันของนุ่นดี ผมเคย consult Thai brand ที่โดน ADA lawsuit ปี 2024 · บริษัทขาย US $1.2M/ปี · demand $42K · ผม implement WCAG 2.2 AA + audit + training ใน 75 วัน · settle $8K · cost compliance ฿320K · save risk ฿2-5M ปรับซ้ำ · ผมเรียนรู้ว่า ADA ไม่ใช่ "กฎหมาย US ที่ไกลตัว" · เป็น "ความเสี่ยงของทุก Thai e-commerce ที่ขาย US" · ADA lawsuit เพิ่ม 320% ใน 5 ปี · 80% target small business · คุณรู้ไหมว่าทำไม Domino's แพ้คดี ADA ที่ Supreme Court ปี 2019 · กลายเป็น precedent ที่ทุก brand US-bound ต้อง compliant?
ADA Title III บังคับ digital accessibility ของทุก business ที่ทำธุรกิจกับ US customer · standard = WCAG 2.1/2.2 AA · 80% ของ Thai e-commerce US-bound ไม่ compliant · ADA lawsuit เพิ่ม 320% ใน 5 ปี · demand เฉลี่ย $25K-$75K WCAG 2.2 AA checklist 8 ข้อ: (1) Alt text ทุก image · (2) Color contrast 4.5:1 normal / 3:1 large · (3) Keyboard navigation 100% · (4) Screen reader compatible (ARIA label) · (5) Form label + error message · (6) Captions ใน video · (7) Resizable text (200%) · (8) Skip navigation link เคสจริง: Thai e-commerce ส่งออก US $1.2M/ปี โดน ADA · demand $42K · implement 75 วัน · settle $8K · cost ฿320K · save ฿2-5M risk Tools: axe DevTools (ฟรี) · WAVE · Lighthouse · NVDA screen reader (ฟรี) ราคา ADA compliance ในไทย: ฿80K-650K · maintenance ฿15K-50K/mo ต่อ audit Industry: US e-commerce 47% compliant · Thai US-bound < 15%
นุ่นไม่ใช่คนเดียวที่เพิ่งโดน ADA · ผม audit Thai e-commerce US-bound 18 ที่ในปี 2025 · 16 ที่ไม่ compliant · 11 ที่ alt text < 50% · 14 ที่ contrast fail · 9 ที่ keyboard nav พัง · 5 ที่โดน demand letter · คุณคิดว่าทำไม Thai brand 80% ไม่รู้ว่า ADA apply กับเว็บไซต์ที่ขาย US?
ทำไม ADA Apply ต่อ Thai E-commerce US-Bound
เหตุผลคือ ADA Title III ตีความ "public accommodation" รวม website ที่ serve US customer (Domino's vs Robles 2019 Supreme Court) · ทุก e-commerce ที่ส่ง US = subject to ADA · ไม่ว่า business อยู่ประเทศไหน
ADA lawsuit เพิ่ม 320% ใน 5 ปี · 80% target small business เพราะ less likely defend · demand letter เฉลี่ย $25K-$75K · ถ้าไม่ settle ไป trial · cost $200K-$2M
เปรียบเหมือนกับเข้าร้านอาหารที่ไม่มี wheelchair ramp · ลูกค้าพิการเข้าไม่ได้ · ฟ้องได้ · website = digital ramp · ถ้าไม่มี alt text + keyboard nav · screen reader user เข้าไม่ได้ · ฟ้องได้เช่นกัน · ADA = ramp requirement สำหรับ digital
ผม analyze 18 Thai e-commerce US-bound พบ pattern: compliant brand 0 lawsuit ใน 3 ปี · non-compliant 5/18 โดน demand letter · settle เฉลี่ย $18K · ROI ของ ADA compliance สูงสุดในเชิง risk avoidance
8 WCAG 2.2 AA Checklist
1. Alt Text ทุก Image
ทุกรูปต้องมี alt · descriptive + context · ถ้า decorative image ใช้ alt="" · screen reader skip · WCAG ห้าม missing alt
2. Color Contrast 4.5:1
Normal text (16px) 4.5:1 · large text (24px+) 3:1 · check ทุก text-on-background · tool: WebAIM contrast checker
3. Keyboard Navigation 100%
ทุก interactive element (button, link, form, dropdown) accessible ด้วย Tab + Enter · focus indicator ชัด · ทดสอบ navigate เว็บโดยไม่ใช้ mouse
4. Screen Reader Compatible
ARIA label สำหรับ icon button · landmark role · semantic HTML · ทดสอบกับ NVDA (Windows · ฟรี) หรือ VoiceOver (Mac · built-in)
5. Form Label + Error Message
ทุก input มี <label> · error message clear · validate
inline · screen reader announce error
6. Video Captions
ทุก video + audio content ต้องมี caption + transcript · auto-caption ของ YouTube ไม่พอ (accuracy < 90%) · ใช้ human caption
7. Resizable Text 200%
User zoom 200% โดย layout ไม่พัง · ใช้ rem/em ไม่ใช่ px · responsive design + flexible container
8. Skip Navigation Link
"Skip to main content" link ที่ top ของ page · screen reader user ข้าม nav ที่ซ้ำกัน · ใส่ที่ top ก่อน header
เปรียบเทียบ Compliance Level
| Level | Criteria | Use Case |
|---|---|---|
| WCAG 2.2 A | Minimum (24 criteria) | Basic · ไม่พอ ADA |
| WCAG 2.2 AA | Recommended (50 criteria) | ADA standard |
| WCAG 2.2 AAA | Enhanced (78 criteria) | Government · enterprise |
5 ข้อผิดพลาดที่นำไป ADA Lawsuit
- Missing Alt Text · screen reader skip · #1 ADA complaint · ผมเคยพลาด · ทุก image ต้องมี
- Color Contrast Fail · gray text บน light bg · visually impaired อ่านไม่ออก
- Keyboard Trap · modal popup ที่ Tab ออกไม่ได้ · screen reader user stuck
- No ARIA Label · icon button ที่ screen reader อ่านไม่เข้าใจ · "button button button"
- Auto-Play Video · ไม่มี pause + caption · disruptive สำหรับ screen reader
4 ขั้นตอน Implement ADA Compliance
- Audit ผ่าน Free Tools · axe DevTools + WAVE + Lighthouse · run ทุก page · บันทึก violation · 1 สัปดาห์
- Fix Critical Issue · alt + contrast + keyboard · 2-4 สัปดาห์ · ลด risk 70%+
- Manual Testing + ARIA · NVDA screen reader test · ARIA label · 2-3 สัปดาห์
- Accessibility Statement + Annual Audit · publish statement + commit annual review · ongoing
ราคา ADA Compliance ในไทย 2026
| Scope | ราคา |
|---|---|
| Audit + Quick Fix | ฿35K-120K |
| Full WCAG 2.2 AA Implementation | ฿180K-650K |
| Enterprise + Annual Audit + Statement | ฿800K-3M + ฿15K-50K/mo |
"ADA Title III apply ต่อทุก Thai e-commerce ที่ขาย US · 80% ไม่ compliant · lawsuit เพิ่ม 320% ใน 5 ปี · demand $25K-$75K · cost compliance ฿180K-650K · save risk ฿2-5M ต่อ case · ROI ของ ADA compliance สูงสุดในเชิง risk avoidance · ผมเคยเห็น Thai brand ปิดกิจการเพราะ ADA lawsuit · เริ่ม audit วันนี้"
คำถามที่พบบ่อย
ทำไม Thai E-commerce ต้องสน ADA
ADA Title III apply ต่อทุก business ที่ serve US customer (Domino's Supreme Court 2019) · lawsuit เพิ่ม 320% ใน 5 ปี · 80% target small business · demand $25K-$75K · ไม่ compliant = risk ทุกเดือน
ราคา ADA Compliance ในไทยเท่าไหร่
Audit + quick fix ฿35K-120K · Full WCAG 2.2 AA ฿180K-650K · Enterprise + annual ฿800K-3M + ฿15K-50K/mo · ROI ผ่าน risk avoidance ฿2-5M ต่อ case + market access US
ซื้อบริการ ADA Compliance ที่ไหน
(1) Accessibility consulting firm (Deque, Level Access) · (2) WCAG specialist agency ในไทย · (3) Self-implement ด้วย axe DevTools + lawyer review accessibility statement · เลือกตาม budget
รีวิว ADA Compliance วัดผลยังไง
4 ตัว: (1) WCAG 2.2 AA pass rate (เป้า 100% · automated + manual) · (2) Lighthouse Accessibility score (เป้า 95+) · (3) Lawsuit count (เป้า 0) · (4) Customer accessibility feedback (เป้า positive)
WCAG A vs AA vs AAA ต่างกันยังไง
A = minimum 24 criteria (basic · ไม่พอ ADA) · AA = 50 criteria (ADA standard · recommend) · AAA = 78 criteria (government/enterprise · เกิน) · ทุก Thai e-commerce US-bound ต้อง AA · เลือก AAA ถ้า healthcare/government
บริการที่เกี่ยวข้อง
นุ่นวันนี้
นุ่น implement ADA compliance ตามที่ผม recommend · audit + fix 8 checklist + ARIA + screen reader test · accessibility statement · 75 วัน · cost ฿320K
1 ปีหลัง: settle lawsuit เก่าที่ $8K (vs demand $42K) · 0 lawsuit ใหม่ · Lighthouse Accessibility 64 → 98 · customer satisfaction +12% · US revenue +18% (เพราะ blind/low-vision user buy ได้) · นุ่นขยายตลาด EU (GDPR + EAA compliance)
ผมถามนุ่นว่าสิ่งที่ surprise ที่สุดคืออะไร
เธอนิ่งไปนาน แล้วบอกว่า "พี่ ผมเรียนรู้ว่า ADA compliance ไม่ใช่แค่ "หลีกเลี่ยง lawsuit" · เป็น "เปิดตลาด disabled customer" · US มี blind/low-vision 12M คน · 67% ซื้อ online · ผมเคยมองข้าม customer segment นี้ · ตอนนี้ revenue เพิ่ม + risk ลด · double win"
สิ่งที่ทำได้ทันที: ติดตั้ง axe DevTools ใน Chrome (ฟรี) · run audit หน้า homepage · ถ้ามี > 5 critical violation = risk ADA · เริ่มจาก alt text ทุก image (2-3 ชม.) · color contrast (4-8 ชม.) · 30 วันแรกลด risk 50%+ · ขยายไป full WCAG 2.2 AA ใน 60-90 วัน
Recent Blog

ราคาทำร้าน Shopify ในไทยมี 4 แพ็กเกจ ตั้งแต่ 160,000 ถึง 500,000 บาท บทความเทียบการเช่าระบบสำเร็จรูปกับการสร้างร้านเอง พร้อมวิธีคำนวณจุดคุ้มทุนจากงานจริง

งบทำเว็บมีจำกัดควรเริ่มยังไง บทความนี้เทียบราคาทำเว็บในไทยตั้งแต่ 80,000 บาท พร้อมเช็กลิสต์ต้นทุนแฝงและทางเลือกเริ่มต้นที่ไม่ต้องจ้างซ้ำ

รวมสิ่งที่ควรรู้ก่อนเลือก Webflow เครื่องมือทำเว็บที่ออกแบบได้โดยไม่ต้องเขียนโค้ด ต่างจาก WordPress ยังไง เหมาะกับแบรนด์ไหน และทำกับเอเจนซีราคาเท่าไหร่





