ดูข้อมูลเกี่ยวกับการช่วยเหลือพิเศษ

โดยทั่วไปแล้ว มีการใช้เครื่องมือใดบ้างเพื่อช่วยให้ผู้พิการใช้เว็บได้

เลือกคำตอบได้มากเท่าที่คุณเห็นว่าเหมาะสม

อุปกรณ์เอาต์พุตอักษรเบรลล์

โปรแกรมอ่านหน้าจอ

แท่นชาร์จ

การตั้งค่าระบบปฏิบัติการ

วิธีใดที่มีประสิทธิภาพในการเปลี่ยนแปลงบนเว็บ

เลือกคำตอบได้มากเท่าที่คุณเห็นว่าเหมาะสม

ร้องเรียนบนโซเชียลมีเดีย

ฟ้องร้อง

ติดต่อนักพัฒนาแอปของบริษัทโดยตรง

มาตรฐาน WCAG ระดับสูงสุดคืออะไร

ระดับ AAA

A Level

เท

ตัวอย่างของ "ใช้งานได้" มีอะไรบ้าง

เลือกคำตอบได้มากเท่าที่คุณเห็นว่าเหมาะสม

วิดีโอทุกรายการมีการควบคุม

ผู้ใช้มีเวลาเพียงพอในการกรอกแบบฟอร์ม

องค์ประกอบที่ใช้งานอยู่ทั้งหมดรองรับแป้นพิมพ์และหน้าจอสัมผัส

ใช้ภาษาที่เข้าใจง่าย

ข้อใดต่อไปนี้คือแนวทางปฏิบัติแนะนำในการสร้างปุ่มที่เข้าถึงได้

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

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

ตั้งค่าlangหลักสำหรับ<html> และภาษาเพิ่มเติมในองค์ประกอบที่มีเนื้อหาในภาษาอื่น

ไม่ต้องกังวล เพราะ AT สามารถอ่านแต่ละภาษาได้โดยอัตโนมัติ

ใส่ทุกภาษาในองค์ประกอบ <html> เช่น <html lang="en,lt,pl,pt">

ตัวอย่างสไตล์ CSS ของ `:focus` ใดที่เข้าถึงได้มากที่สุดบนพื้นหลังสีขาว

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

ลิงก์ข้ามมีไว้เพื่ออะไร

ช่วยให้ผู้ใช้แป้นพิมพ์ข้ามกลุ่มลิงก์ที่ซ้ำซ้อนหรือไม่มีประโยชน์

ช่วยให้ผู้ใช้แป้นพิมพ์ข้ามเนื้อหาที่ไม่น่าสนใจ

วิธีที่ดีที่สุดในการเปลี่ยนสไตล์ขององค์ประกอบด้วย JavaScript คืออะไร

ใช้ JavaScript เพื่อสลับคลาสขององค์ประกอบ และเพิ่มรูปแบบลงในสไตล์ชีต CSS

ใช้ JavaScript เพื่อใช้สไตล์แบบไดนามิกภายในองค์ประกอบ HTML โดยตรง

การดำเนินการ JavaScript ทั้งหมดรองรับผู้ใช้แป้นพิมพ์ได้ไหม

ได้ การดำเนินการทั้งหมดรองรับผู้ใช้แป้นพิมพ์โดยอัตโนมัติ

ได้ แต่คุณอาจต้องดำเนินการเพิ่มเติม

ไม่ได้ คุณรองรับผู้ใช้แป้นพิมพ์ได้ด้วย HTML เชิงความหมายเท่านั้น

คุณจะทำให้รูปภาพที่ซับซ้อนเข้าถึงได้ได้อย่างไร

เลือกคำตอบได้มากเท่าที่คุณเห็นว่าเหมาะสม

โดยจะอธิบายในภายหลังของบทความ

เพิ่มข้อความแสดงแทนแบบยาวพร้อมคำอธิบายแบบเต็ม

เพิ่มแอตทริบิวต์ aria-describedby ลงในรูปภาพ

ใช้ลิงก์สำหรับคำอธิบายที่ยาวขึ้น

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

รูปแบบ

ข้อความ

ไอคอน

คำตอบทั้งหมดถูกต้อง

เราจะสร้างอะไรได้บ้างที่สะท้อนการตั้งค่าระบบปฏิบัติการสำหรับการเคลื่อนไหว

@prefers-reduced-motion

สวิตช์ JavaScript

ฉันควรใช้คอนทราสต์สูงระหว่างข้อความและพื้นหลังเสมอเพื่อให้ข้อความอ่านได้

เท็จ

จริง

แบบอักษรใดเหมาะที่สุดสำหรับการช่วยเหลือพิเศษ

แบบอักษรที่เข้าถึงได้

แบบอักษรของระบบ เช่น Arial และ Verdana

ไม่สำคัญเลย

ข้อใดต่อไปนี้คือการป้อนข้อมูลแบบฟอร์มที่เข้าถึงได้มากที่สุด

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

คอมโพเนนต์ที่เข้าถึงได้จะยังคงเข้าถึงได้สำหรับผู้ใช้เสมอใช่ไหม

ไม่ได้ คุณต้องทดสอบคอมโพเนนต์ก่อน

ได้ คุณใช้คอมโพเนนต์เหล่านี้ได้โดยไม่ต้องดำเนินการเพิ่มเติม

คุณควรทำการทดสอบประเภทใดเพื่อให้แน่ใจว่าเว็บไซต์เข้าถึงได้

เลือกคำตอบได้มากเท่าที่คุณเห็นว่าเหมาะสม

การทดสอบอัตโนมัติ

การทดสอบด้วยตนเอง

การทดสอบโดยผู้ใช้

การทดสอบเทคโนโลยีความช่วยเหลือพิเศษ

การทดสอบการประเมิน

การทดสอบอัตโนมัติจะตรวจจับข้อผิดพลาดใดบ้าง

เลือกคำตอบได้มากเท่าที่คุณเห็นว่าเหมาะสม

ภาษาที่ไม่แบ่งแยก

ไม่มีข้อความแสดงแทน

ปัญหาเกี่ยวกับคอนทราสต์ของสี

ป้ายกำกับแบบฟอร์มที่สื่อความหมาย

ข้อผิดพลาด ARIA

องค์ประกอบใดบ้างที่ต้องเป็นไปตามมาตรฐานคอนทราสต์ของสี WCAG

ไอคอน

ส่วนหัว

ข้อความเนื้อหา

ทุกข้อที่กล่าวมา

โปรแกรมอ่านหน้าจอที่ดีที่สุดที่ควรใช้ในการทดสอบการช่วยเหลือพิเศษคืออะไร

ไม่มี

JAWS

VoiceOver

Orca

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

เพื่อทดสอบข้อบกพร่องในเว็บไซต์หรือแอป

เพื่อสัมผัสประสบการณ์เดียวกันกับผู้ที่ใช้เทคโนโลยีความช่วยเหลือพิเศษ

โดยทั่วไปแล้ว มีการใช้เครื่องมือใดบ้างเพื่อช่วยให้ผู้พิการใช้เว็บได้

วิธีใดที่มีประสิทธิภาพในการเปลี่ยนแปลงบนเว็บ

มาตรฐาน WCAG ระดับสูงสุดคืออะไร

ตัวอย่างของ "ใช้งานได้" มีอะไรบ้าง

ข้อใดต่อไปนี้คือแนวทางปฏิบัติแนะนำในการสร้างปุ่มที่เข้าถึงได้

ตัวอย่างสไตล์ CSS ของ :focus ใดที่เข้าถึงได้มากที่สุดบนพื้นหลังสีขาว

ลิงก์ข้ามมีไว้เพื่ออะไร

วิธีที่ดีที่สุดในการเปลี่ยนสไตล์ขององค์ประกอบด้วย JavaScript คืออะไร

การดำเนินการ JavaScript ทั้งหมดรองรับผู้ใช้แป้นพิมพ์ได้ไหม

คุณจะทำให้รูปภาพที่ซับซ้อนเข้าถึงได้ได้อย่างไร

เราจะสร้างอะไรได้บ้างที่สะท้อนการตั้งค่าระบบปฏิบัติการสำหรับการเคลื่อนไหว

ฉันควรใช้คอนทราสต์สูงระหว่างข้อความและพื้นหลังเสมอเพื่อให้ข้อความอ่านได้

แบบอักษรใดเหมาะที่สุดสำหรับการช่วยเหลือพิเศษ

ข้อใดต่อไปนี้คือการป้อนข้อมูลแบบฟอร์มที่เข้าถึงได้มากที่สุด

คอมโพเนนต์ที่เข้าถึงได้จะยังคงเข้าถึงได้สำหรับผู้ใช้เสมอใช่ไหม

คุณควรทำการทดสอบประเภทใดเพื่อให้แน่ใจว่าเว็บไซต์เข้าถึงได้

การทดสอบอัตโนมัติจะตรวจจับข้อผิดพลาดใดบ้าง

องค์ประกอบใดบ้างที่ต้องเป็นไปตามมาตรฐานคอนทราสต์ของสี WCAG

โปรแกรมอ่านหน้าจอที่ดีที่สุดที่ควรใช้ในการทดสอบการช่วยเหลือพิเศษคืออะไร

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

ตัวอย่างสไตล์ CSS ของ `:focus` ใดที่เข้าถึงได้มากที่สุดบนพื้นหลังสีขาว