Web Accessibility Academy · บทเรียน

ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่

การเข้าถึงด้วยแป้นพิมพ์ เวลาเพียงพอ และไม่มีจุดติดค้าง

บทเรียน 2 จาก 413 ขั้นตอน

ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่ เป็นบทเรียน Web Accessibility Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Web Accessibility Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Web Accessibility Academy มีบทเรียนทั้งหมด 4 บทเรียน

ความหมายของการใช้งานได้

การใช้งานได้ คือหลักการข้อที่สองของ WCAG ตัวควบคุมและลิงก์ทุกชิ้นต้องใช้งานได้ ไม่ว่าผู้ใช้จะโต้ตอบกับหน้าเว็บของคุณด้วยวิธีใด

ไม่ใช่ทุกคนใช้เมาส์

หลายคนใช้งานเว็บด้วย แป้นพิมพ์ เพียงอย่างเดียว สวิตช์ หรือคำสั่งเสียง หากบางสิ่งต้องอาศัยการคลิกที่แม่นยำ คุณก็กำลังกีดกันพวกเขาออกไป

การเข้าถึงด้วยแป้นพิมพ์สำหรับทุกคน

ทุกการกระทำควรทำได้จาก แป้นพิมพ์ ปุ่มและลิงก์จริงสามารถรับโฟกัสและตอบสนองต่อ Enter หรือ Space ได้โดยอัตโนมัติ ⌨️

<button>Add to cart</button>

จุดโฟกัสที่มองเห็นได้

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

ไม่มีกับดักแป้นพิมพ์

หากจุดโฟกัสเข้าไปในวิดเจ็ตแล้วกด Tab เพื่อออกไม่ได้ นั่นคือ กับดักแป้นพิมพ์ ผู้ใช้ต้องสามารถไปต่อได้เสมอ

ให้เวลาอย่างเพียงพอ

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

หยุดสิ่งที่กำลังเคลื่อนไหวชั่วคราว

ภาพหมุนที่เล่นอัตโนมัติและข้อความที่เลื่อนอ่านใช้งานได้ยาก ให้ผู้ใช้ หยุดชั่วคราว หยุด หรือซ่อนเนื้อหาที่เคลื่อนไหว เพื่อให้สามารถโต้ตอบกับเนื้อหาได้

ไม่มีสิ่งกระตุ้นอาการชัก

เนื้อหาที่กะพริบมากกว่าสามครั้งต่อวินาทีอาจทำให้เกิดอาการชัก ควบคุมการกะพริบให้อยู่ภายใน เกณฑ์ความปลอดภัย เพื่อปกป้องผู้ใช้

ช่วยให้ผู้ใช้นำทาง

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

<a href="#main">Skip to main content</a>

เป้าหมายมีขนาดใหญ่พอ

ลิงก์ขนาดเล็กกดได้ยากเมื่อมือสั่นหรือใช้งานบนโทรศัพท์ ขนาดเป้าหมายที่เหมาะสมช่วยให้ทุกคนเปิดใช้งานตัวควบคุมได้ง่ายขึ้น

คำถามเรื่องการใช้งาน

ลองถามกับตัวควบคุมทุกอย่างว่า ผู้ใช้สามารถใช้งานสิ่งนี้โดยไม่ใช้เมาส์และไม่ต้องรีบได้หรือไม่ หากไม่ได้ แสดงว่ายังใช้งานได้ไม่สมบูรณ์

ตรวจสอบอย่างรวดเร็ว

มาทดสอบหลักการใช้งานกัน

ทบทวน: ใช้งานได้

คุณได้เรียนรู้ว่า ใช้งานได้หมายถึงทุกคนสามารถใช้ตัวควบคุมของคุณได้ ทั้งการเข้าถึงด้วยแป้นพิมพ์อย่างเต็มรูปแบบ จุดโฟกัสที่มองเห็นได้ ไม่มีจุดติดค้าง มีเวลาเพียงพอ และการเคลื่อนไหวที่ปลอดภัย 🎯

เริ่มต้นได้ฟรี

เรียนรู้ HTML ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
30
บทเรียน
120

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

บทเรียน “ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Web Accessibility Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Web Accessibility Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่”

การเข้าถึงด้วยแป้นพิมพ์ เวลาเพียงพอ และไม่มีจุดติดค้าง คุณปฏิบัติ Web Accessibility Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Web Accessibility Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Web Accessibility Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Web Accessibility Academy นี้ได้ไหม

ได้ บทเรียน Web Accessibility Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. รับรู้ได้: ทุกคนรับรู้เนื้อหาได้หรือไม่
  2. ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่
  3. เข้าใจได้: อ่านง่ายและคาดเดาได้หรือไม่
  4. ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่
← กลับไปที่ Web Accessibility Academy