ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่
มาร์กอัปที่ถูกต้องและตั้งชื่อดี ซึ่งเทคโนโลยีสิ่งอำนวยความสะดวกวิเคราะห์ได้
ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่ เป็นบทเรียน Web Accessibility Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Web Accessibility Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Web Accessibility Academy มีบทเรียนทั้งหมด 4 บทเรียน
ความหมายของทนทาน
ทนทานคือหลักการข้อที่สี่ของ WCAG เนื้อหาของคุณต้องทำงานได้อย่างน่าเชื่อถือบนเบราว์เซอร์ อุปกรณ์ และเทคโนโลยีช่วยเหลือต่าง ๆ
สร้างมาให้ใช้งานได้นาน
เครื่องมือต่าง ๆ เปลี่ยนแปลงไปตามเวลา มาร์กอัปที่ทนทานยังคงทำงานได้กับโปรแกรมอ่านหน้าจอในปัจจุบันและโปรแกรมที่ผู้ใช้จะใช้ในอนาคต
เขียน HTML ที่ถูกต้อง
เบราว์เซอร์และเทคโนโลยีช่วยเหลือจะแยกวิเคราะห์มาร์กอัปของคุณ HTML ที่ถูกต้องซึ่งมีแท็กปิดครบและ ID ไม่ซ้ำกันจะมอบโครงสร้างต้นไม้ที่สะอาดให้อ่าน ✅
<ul>
<li>First item</li>
<li>Second item</li>
</ul>ชื่อ บทบาท ค่า
ตัวควบคุมทุกตัวต้องมีชื่อ บทบาท และค่าที่เทคโนโลยีอ่านได้ ช่องทำเครื่องหมายจริงจะแสดงข้อมูลทั้งสามอย่างแก่โปรแกรมอ่านหน้าจอโดยอัตโนมัติ
องค์ประกอบดั้งเดิมได้เปรียบ
ปุ่มจริงมีบทบาทและค่าที่ถูกต้องอยู่แล้ว การเลือกใช้องค์ประกอบดั้งเดิมเป็นวิธีที่ง่ายที่สุดในการสร้างมาร์กอัปที่ทนทาน
ARIA เติมส่วนที่ขาด
เมื่อ HTML ไม่สามารถสื่อบทบาทได้ ARIAสามารถเพิ่มบทบาทนั้นได้ ควรใช้อย่างประหยัดเพื่อกำหนดชื่อ บทบาท และสถานะให้วิดเจ็ตที่สร้างขึ้นเอง
ARIA ที่ไม่ถูกต้องสร้างปัญหา
บทบาทที่ผิดอาจทำให้ตัวควบคุมประกาศสิ่งไร้สาระ กฎข้อแรกของ ARIA คือ ไม่มี ARIA ยังดีกว่า ARIA ที่ไม่ถูกต้อง
ID ที่ไม่ซ้ำกันสำคัญ
ป้ายกำกับและ ARIA เชื่อมองค์ประกอบต่าง ๆ ด้วย id idที่ซ้ำกันจะทำให้การเชื่อมโยงเสียหาย โปรแกรมอ่านหน้าจอจึงชี้ไปยังสิ่งที่ผิด
<label for="email">Email</label>
<input id="email">ทดสอบด้วยเทคโนโลยีจริง
วิธีเดียวที่จะรู้ว่าทนทานหรือไม่คือทดลองใช้ ให้ทดสอบด้วยโปรแกรมอ่านหน้าจอและแป้นพิมพ์จริง ไม่ใช่ดูด้วยตาของคุณเองเท่านั้น
อย่าพึ่งพาพฤติกรรมแปลกเฉพาะระบบ
หากหน้าเว็บทำงานได้เพียงเพราะเบราว์เซอร์หนึ่งยอมผ่อนปรน หน้าเว็บนั้นก็เปราะบาง โค้ดที่เป็นมาตรฐานและถูกต้องจะยังอยู่รอดในการอัปเดตครั้งถัดไป
คำถามเรื่องความทนทาน
ลองถามกับทุกองค์ประกอบว่า เทคโนโลยีช่วยเหลือจะอ่านชื่อ บทบาท และค่าของมันได้ถูกต้องหรือไม่ หากไม่แน่ใจ มาร์กอัปของคุณก็ยังไม่ทนทาน
ตรวจสอบอย่างรวดเร็ว
มาทดสอบหลักการความทนทานกัน
ทบทวน: ทนทาน
คุณได้เรียนรู้ว่า ทนทานหมายถึงโค้ดของคุณทำงานได้กับเทคโนโลยีต่าง ๆ ทั้ง HTML ที่ถูกต้อง องค์ประกอบดั้งเดิม การใช้ ARIA อย่างระมัดระวัง ID ที่ไม่ซ้ำกัน และการทดสอบจริง เรียนรู้ POUR ครบแล้ว! 🚀
คำถามที่พบบ่อย
บทเรียน “ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน
บทเรียน “ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Web Accessibility Academy นี้ได้ไหม
ได้ บทเรียน Web Accessibility Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- รับรู้ได้: ทุกคนรับรู้เนื้อหาได้หรือไม่
- ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่
- เข้าใจได้: อ่านง่ายและคาดเดาได้หรือไม่
- ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่