เช็กลิสต์การเข้าถึงเว็บไซต์สำหรับธุรกิจขนาดเล็ก (อิง WCAG)

เช็กลิสต์การเข้าถึงเว็บไซต์ตาม WCAG 2.2 ครอบคลุมแป้นพิมพ์ ข้อความ ความต่างสี แบบฟอร์ม ข้อความทดแทนรูปภาพ และการทดสอบด้วยคน พร้อมวิธีบันทึกผลโดยไม่กล่าวอ้างการรับรองทางกฎหมาย

เช็กลิสต์นี้รวบรวมวิธีตรวจสอบที่เจ้าของธุรกิจขนาดเล็กทำได้ภายในประมาณหนึ่งชั่วโมงโดยไม่ต้องใช้ซอฟต์แวร์พิเศษ ได้แก่ ทดลองใช้เว็บไซต์ด้วยแป้นพิมพ์เพียงอย่างเดียว ตรวจขนาดและความต่างสีของข้อความ ตรวจว่าช่องแบบฟอร์มทุกช่องมีป้ายกำกับและแจ้งข้อผิดพลาดชัดเจน และตรวจว่ารูปภาพมีข้อความทดแทนที่เหมาะสม เนื้อหาอ้างอิงจาก WCAG 2.2 ซึ่งเป็นมาตรฐานที่กฎหมายและนโยบายส่วนใหญ่อ้างอิง และจากแหล่งข้อมูลของ W3C เองที่ชื่อ Easy Checks การผ่านเช็กลิสต์นี้ไม่ได้ทำให้เว็บไซต์เป็นไปตามกฎหมายโดยอัตโนมัติ แต่ช่วยค้นหาอุปสรรคที่พบบ่อยที่สุด

1. ทดลองใช้แป้นพิมพ์และตรวจโฟกัส

วางเมาส์ไว้ก่อน กด Tab จากด้านบนสุดของหน้าไปจนถึงด้านล่าง แล้วกด Shift+Tab ย้อนกลับ

[ ] ลิงก์ "ข้ามไปยังเนื้อหา" ปรากฏเมื่อกด Tab ครั้งแรก (ช่วยได้เมื่อเมนูยาว)
[ ] ใช้ Tab ไปยังลิงก์ ปุ่ม และช่องแบบฟอร์มทุกช่องได้
[ ] มองเห็นตำแหน่งโฟกัสได้เสมอ (มีเส้นขอบหรือไฮไลต์)
[ ] โฟกัสเคลื่อนตามลำดับที่เข้าใจได้ จากบนลงล่างและซ้ายไปขวา
[ ] เปิดเมนูด้วย Enter หรือ Space และปิดด้วย Escape ได้
[ ] ปิดหน้าต่างป๊อปอัปด้วยแป้นพิมพ์ได้ และโฟกัสกลับมายังหน้าเว็บ
[ ] ไม่มีสิ่งใดกักโฟกัสไว้ (กด Tab ไปต่อได้เสมอ)
[ ] ส่วนหัวที่ตรึงไว้ไม่บังรายการที่กำลังโฟกัส

2. ข้อความ ความต่างสี ป้ายกำกับแบบฟอร์ม และข้อผิดพลาด

[ ] อ่านข้อความเนื้อหาได้ที่ระดับซูมปกติ (ประมาณ 16px ขึ้นไป)
[ ] เมื่อซูม 200% ไม่มีเนื้อหาทับกันหรือถูกตัด และไม่ต้องเลื่อนด้านข้าง
[ ] ความต่างสีของข้อความอย่างน้อย 4.5:1 (3:1 สำหรับข้อความขนาดใหญ่) ตรวจด้วยเครื่องมือ
[ ] แยกลิงก์จากข้อความทั่วไปได้ด้วยสิ่งอื่นนอกจากสีเพียงอย่างเดียว
[ ] ทุกช่องแบบฟอร์มมีป้ายกำกับที่มองเห็นได้ (ข้อความตัวอย่างไม่ถือเป็นป้ายกำกับ)
[ ] ระบุช่องบังคับด้วยข้อความ ไม่ใช่ใช้สีอย่างเดียว
[ ] ข้อความผิดพลาดข้างช่องระบุว่าเกิดอะไรขึ้นและแก้อย่างไร
[ ] ปุ่มอธิบายการทำงาน ("ส่งคำขอ" ไม่ใช่แค่ "ส่ง" หรือใช้ไอคอนอย่างเดียว)
[ ] ตั้งค่าภาษาของหน้าแล้ว และเรียงหัวข้อตามลำดับ (H1, H2, H3)

ตรวจคู่สีด้วย เครื่องมือตรวจความต่างสี เกณฑ์ความต่างสีอ้างอิงจาก contrast (minimum) ของ WCAG

3. จุดประสงค์ของรูปภาพและข้อความทดแทน

ของ W3C ผังตัดสินใจเรื่องข้อความ alt อธิบายกรณีพิเศษ

4. เปรียบเทียบการตรวจอัตโนมัติกับการทดสอบโดยคน

เครื่องมือตรวจอัตโนมัติค้นหาได้มีเพียงคนเท่านั้นที่ประเมินได้
รูปที่ไม่มีแอตทริบิวต์ altข้อความ alt มีประโยชน์จริงหรือไม่
ความต่างสีต่ำบนพื้นหลังเรียบความต่างสีของข้อความบนรูปภาพและวิดีโอ
ช่องแบบฟอร์มที่ไม่มีป้ายกำกับป้ายกำกับและข้อความผิดพลาดเข้าใจได้หรือไม่
ไม่ตั้งค่าภาษา หรือมีลิงก์ว่างลำดับแป้นพิมพ์ การมองเห็นโฟกัส และการกักโฟกัส
ข้ามระดับหัวข้อหัวข้ออธิบายเนื้อหาได้ตรงหรือไม่

เริ่มจากตรวจอัตโนมัติ (เครื่องมือตรวจเว็บไซต์ มีการตรวจการเข้าถึงพื้นฐาน; W3C มี รายการเครื่องมือประเมิน) จากนั้นทดลองด้วยตนเองตามรายการด้านบน หากลูกค้าของคุณมีผู้พิการจำนวนมาก ให้จ้างผู้ใช้ที่มีความพิการมาทดสอบ

ตัวอย่างบันทึกผลการตรวจ (ระบุชัดว่าเป็นตัวอย่าง)

ธุรกิจสมมติชื่อ "Harbour Line Plumbing" ไม่ใช่บริษัทจริง ตัวอย่างนี้แสดงรูปแบบบันทึก ไม่ใช่ผลตรวจจริง

วันที่ตรวจ: [date]   ผู้ตรวจ: เจ้าของ   หน้าเว็บ: หน้าแรก บริการ ติดต่อ
เบราว์เซอร์/อุปกรณ์: แล็ปท็อปใช้แป้นพิมพ์เท่านั้น; โทรศัพท์เปิดโปรแกรมอ่านหน้าจอ
#  หน้าเว็บ     ปัญหา                                   อ้างอิง WCAG     แก้แล้ว?
1  หน้าแรก   ไอคอนไม่มีป้ายกำกับ ("ปุ่ม")          4.1.2         ใช่
2  หน้าแรก   ข้อความสีขาวบนภาพส่วนหัวอ่านยาก         1.4.3         ใช่ ปรับภาพซ้อนให้มืดลง
3  ติดต่อ    ป้ายกำกับรหัสไปรษณีย์เป็นข้อความตัวอย่าง 3.3.2         ใช่
4  ติดต่อ    ข้อผิดพลาดแสดงเพียง "ไม่ถูกต้อง"       3.3.1         ใช่ "กรุณากรอกหมายเลขโทรศัพท์"
5  บริการ    ข้อความ alt ของรูปแกลเลอรีเป็นชื่อไฟล์    1.1.1         ใช่
6  ทั้งหมด   ลิงก์เมนูไม่มีโฟกัสที่มองเห็นได้       2.4.7         ยังเปิดอยู่ - ส่งให้ทีมผู้สร้างแก้ไข
ยังไม่ได้ทดสอบ: คำบรรยายวิดีโอ (เว็บไซต์ไม่มีวิดีโอ)
แบบฟอร์มเปล่า
วันที่ / ผู้ตรวจ / หน้าเว็บ / เบราว์เซอร์และอุปกรณ์:
#  หน้าเว็บ  ปัญหา  อ้างอิง WCAG  แก้แล้ว? (ใช่ / ยังเปิดอยู่ + หมายเหตุ)
ยังไม่ได้ทดสอบ:

5. บันทึกผลโดยไม่กล่าวอ้างว่าเป็นไปตามกฎหมาย

คลิกเพื่อแก้ไขในเครื่องมือสร้างเว็บไซต์ We.Inc ใช้ปรับป้ายกำกับและข้อความบนหน้าเว็บ
แก้ไขป้ายกำกับและข้อความโดยตรงในเครื่องมือสร้างเว็บไซต์ We.Inc

ขั้นตอนถัดไป

เริ่มจาก เทมเพลตธุรกิจ ใน เครื่องมือสร้างเว็บไซต์ We.Inc จากนั้นใช้เช็กลิสต์นี้และ เครื่องมือตรวจเว็บไซต์ ก่อนเผยแพร่ แพ็กเกจ Free สร้างเว็บไซต์จากเทมเพลตได้สูงสุด 3 เว็บไซต์บนที่อยู่ we.inc (ไม่มีเครดิต AI และไม่มีโดเมนแบบกำหนดเอง); Starter ราคา $20/เดือน เพิ่มการสร้างเว็บไซต์ด้วย AI และโดเมนแบบกำหนดเอง (ราคา กำลังวางงบสำหรับการแก้ไขหรือสร้างใหม่ใช่ไหม ใช้ เครื่องคำนวณค่าใช้จ่ายเว็บไซต์

เริ่มสร้างเว็บไซต์ธุรกิจของคุณ

คำถามที่พบบ่อย

เช็กลิสต์การเข้าถึงเว็บไซต์ควรอ้างอิงมาตรฐานใด?

WCAG 2.2 ระดับ AA เป็นมาตรฐานที่กฎหมายและนโยบายส่วนใหญ่อ้างอิง เช็กลิสต์นี้ครอบคลุมปัญหาที่พบบ่อยในธุรกิจขนาดเล็ก ไม่ใช่ทุกเกณฑ์

เครื่องมือตรวจอัตโนมัติทำให้เว็บไซต์เข้าถึงได้หรือไม่?

ไม่ได้ เครื่องมืออัตโนมัติตรวจพบแอตทริบิวต์ที่หายไปและปัญหาความต่างสีบางอย่าง แต่คนต้องตรวจการใช้แป้นพิมพ์ โฟกัส และว่าป้ายกำกับกับข้อความ alt เหมาะสมหรือไม่

ผ่านเช็กลิสต์นี้แล้วเว็บไซต์เป็นไปตาม ADA หรือไม่?

ไม่มีเช็กลิสต์ใดรับประกันว่าเป็นไปตามกฎหมาย เก็บบันทึกพร้อมวันที่ เผยแพร่คำชี้แจงการเข้าถึงที่ตรงไปตรงมา และปรึกษาทนายความเกี่ยวกับหน้าที่ของคุณ

เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต

Product

Who It's For

Features

Resources

Company

View Sitemap