การช่วยเหลือพิเศษแบบดิจิทัล หรือที่เรียกกันโดยทั่วไปว่า a11y คือการออกแบบและสร้างเว็บไซต์และแอปบนเว็บที่ทำให้ผู้พิการสามารถโต้ตอบด้วยได้อย่างมีนัยสำคัญและเทียบเท่ากัน
หลักสูตรนี้สร้างขึ้นสำหรับนักพัฒนาเว็บระดับเริ่มต้นและขั้นสูง คุณจะดูซีรีส์นี้ตั้งแต่ต้นจนจบเพื่อทำความเข้าใจโดยทั่วไปเกี่ยวกับแนวทางปฏิบัติและการทดสอบการช่วยเหลือพิเศษ หรือจะใช้เป็นข้อมูลอ้างอิงสำหรับวิชาเฉพาะก็ได้ หากคุณอ่านคําที่ไม่คุ้นเคย โปรดดูที่อภิธานศัพท์ สำหรับผู้ที่ไม่คุ้นเคยกับการพัฒนาเว็บโดยรวม โปรดดู หลักสูตรเรียนรู้ HTML สำหรับพื้นฐานด้านมาร์กอัปและ หลักสูตรเรียนรู้ CSS สำหรับพื้นฐานการจัดรูปแบบ
นี่ไม่ใช่ข้อมูลอ้างอิงที่สมบูรณ์ แต่ละส่วนจะแนะนำหัวข้อของหัวข้อ ให้บริบทและตัวอย่าง โดยจะมีลิงก์ไปยังข้อมูลอ้างอิงหัวข้อ เช่น ข้อกำหนดของ MDN และ WCAG รวมถึงบทความอื่นๆ ของ web.dev แต่ละส่วนจะมีการประเมินสั้นๆ เพื่อช่วยให้ผู้คนยืนยันความเข้าใจ
แนวทางปฏิบัติแนะนำในการช่วยเหลือพิเศษบางอย่างอาจแตกต่างไปตามความพิการที่คุณพบ การทำความเข้าใจผู้ใช้ของคุณและ การรับฟังคนพิการเมื่อพวกเขาบอกคุณว่าพวกเขาต้องการอะไร
เรายินดีรับฟังความคิดเห็นของคุณ เปิดปัญหาเกี่ยวกับ GitHub และให้ข้อมูลมากที่สุดเท่าที่จะทำได้เพื่อให้เราแก้ปัญหาได้
สิ่งที่คุณจะได้เรียนรู้มีดังนี้
การช่วยเหลือพิเศษในโลกดิจิทัลคืออะไร และสำคัญอย่างไร
ออกแบบและสร้างเว็บไซต์และเว็บแอปที่ช่วยให้ผู้พิการสามารถโต้ตอบด้วยด้วยวิธีที่มีความหมายและเทียบเท่ากัน อ่านข้อมูลเกี่ยวกับผลกระทบทางธุรกิจและผลทางกฎหมายของตัวเลือกเหล่านี้
ARIA และ HTML
เมื่อใดที่ควรใช้ ARIA และ HTML
โครงสร้างเนื้อหา
ใช้ HTML เชิงความหมาย จุดสังเกต และตารางสำหรับเนื้อหาที่เข้าถึงได้
เอกสาร
องค์ประกอบ HTML เพิ่มเติมที่ควรพิจารณาเมื่อสร้างเว็บไซต์และเว็บแอปที่เข้าถึงได้
โฟกัสแป้นพิมพ์
ทำความเข้าใจและปรับปรุงลำดับและรูปแบบการนำทางด้วยแป้นพิมพ์
JavaScript
เขียนเหตุการณ์ทริกเกอร์ที่เข้าถึงได้ ชื่อหน้าเว็บ เนื้อหาแบบไดนามิก และอื่นๆ
รูปภาพ
สร้างรูปภาพที่เข้าถึงได้
สีและคอนทราสต์
สร้างชุดสีที่เข้าถึงได้ด้วยคอนทราสต์ที่เหมาะสม
ภาพเคลื่อนไหวและการเคลื่อนไหว
ช่วยเหลือผู้ที่มีความผิดปกติจากการเคลื่อนไหวได้ทุกประเภท
การพิมพ์
เลือกลักษณะแบบอักษรและขนาดแบบอักษรที่เหมาะสม และจัดโครงสร้างสําเนาด้วยเลย์เอาต์ที่เข้าถึงได้
วิดีโอและเสียง
ประเภทสื่อทางเลือกที่ช่วยให้สามารถเข้าถึงวิดีโอและเสียง
ฟอร์ม
สร้างแบบฟอร์มที่เข้าถึงได้
การออกแบบและประสบการณ์ของผู้ใช้
สร้างการออกแบบที่เข้าถึงได้และประเมินประสบการณ์ของผู้ใช้
การทดสอบการช่วยเหลือพิเศษอัตโนมัติ
วิธีทำการทดสอบการช่วยเหลือพิเศษอัตโนมัติ
การทดสอบการช่วยเหลือพิเศษด้วยตนเอง
วิธีทดสอบการช่วยเหลือพิเศษด้วยตนเอง
การทดสอบเทคโนโลยีความช่วยเหลือพิเศษ
วิธีทดสอบด้วยเทคโนโลยีความช่วยเหลือพิเศษ (AT)
บทสรุปและขั้นตอนถัดไป
แหล่งข้อมูลเพิ่มเติมที่จะช่วยให้คุณดำเนินการต่อไป
อภิธานศัพท์
ดูคำศัพท์และแนวคิดทั่วไปเกี่ยวกับการเข้าถึง
แล้วคุณพร้อมจะเรียนรู้การช่วยเหลือพิเศษหรือยัง มาเริ่มกันเลย