0Pricing
Web Accessibility Academy · บทเรียน

การลากและการยืนยันตัวตนที่เข้าถึงได้

ปฏิบัติตามกฎ 2.2 สำหรับท่าทางและการเข้าสู่ระบบ

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

กฎ 2.2 เพิ่มเติมอีกสองข้อ

WCAG 2.2 ยังจัดการกับปัญหาในชีวิตประจำวันอีกสองเรื่อง ได้แก่ การโต้ตอบที่ใช้การลากเท่านั้น และการเข้าสู่ระบบที่ต้องอาศัยความจำหรือปริศนา ทั้งสองอย่างกีดกันผู้ใช้จริง

การเคลื่อนไหวแบบลาก: 2.5.7

เกณฑ์2.5.7 (การเคลื่อนไหวแบบลาก) ระดับ AA ระบุว่าการลากทุกอย่างต้องใช้งานได้ด้วยตัวชี้เพียงครั้งเดียว เช่น การแตะหรือการคลิก

เหตุใดการลากเท่านั้นจึงใช้ไม่ได้

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

มีทางเลือกเป็นการคลิก

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

แถบเลื่อนก็ต้องมีปุ่ม

แถบเลื่อนแบบกำหนดเองควรตอบสนองต่อปุ่มลูกศรหรือปุ่มบวกและลบ ไม่ใช่รองรับแค่การลากปุ่มเลื่อน เพื่อให้เป็นไปตาม 2.5.7

การยืนยันตัวตนที่เข้าถึงได้: 3.3.8

เกณฑ์3.3.8 (การยืนยันตัวตนที่เข้าถึงได้) ระดับ AA ห้ามใช้การทดสอบที่ต้องอาศัยขั้นตอนการทำงานของสมอง เว้นแต่จะมีทางเลือกอื่น

ไม่มีปริศนาที่ต้องใช้ความจำ

หมายความว่าอย่าบังคับให้ผู้ใช้แก้ปริศนา ถอดตัวอักษร หรือจำรหัสผ่านจากความจำ หากนั่นเป็นวิธีเดียวที่จะเข้าสู่ระบบ

อนุญาตให้โปรแกรมจัดการรหัสผ่านทำงาน

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

กำกับช่องเข้าสู่ระบบ

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

<input type="password" autocomplete="current-password">

ข้อควรระวังเกี่ยวกับ CAPTCHA

อนุญาตให้ใช้CAPTCHAที่ให้จำแนกวัตถุได้ เพราะการจำแนกวัตถุไม่ใช่การทดสอบการทำงานของสมอง แต่ควรมีตัวเลือกที่ไม่ใช่ปริศนาเสมอ

ลิงก์ทางอีเมลก็นับด้วย

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

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

เลือกสิ่งที่ตัวควบคุมที่ใช้การลากต้องมีเสมอตาม 2.2

ทบทวน: การลากและการยืนยันตัวตน

จับคู่การลากกับวิธีใช้งานด้วยตัวชี้เพียงครั้งเดียวเสมอ และอย่ากำหนดให้การเข้าสู่ระบบต้องใช้การจำหรือการแก้ปริศนา ต่อไป: การเขียนคำแถลงการสอดคล้อง 🎯

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

บทเรียน “การลากและการยืนยันตัวตนที่เข้าถึงได้” ฟรีหรือไม่

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

คุณจะเรียนรู้อะไรในบทเรียน “การลากและการยืนยันตัวตนที่เข้าถึงได้”

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

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

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

บทเรียน “การลากและการยืนยันตัวตนที่เข้าถึงได้” ใช้เวลานานแค่ไหน

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

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

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

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

  1. A, AA, AAA: เลือกระดับเป้าหมายที่เหมาะสม
  2. ส่วนเพิ่มเติมใน 2.2: ลักษณะโฟกัสและขนาดเป้าหมาย
  3. การลากและการยืนยันตัวตนที่เข้าถึงได้
  4. เขียนคำประกาศความสอดคล้องที่มีหลักฐานรองรับ
← กลับไปที่ Web Accessibility Academy