รับรู้ได้: ทุกคนรับรู้เนื้อหาได้หรือไม่
ข้อความทดแทน คำบรรยาย และเนื้อหาที่ปรับเปลี่ยนได้
รับรู้ได้: ทุกคนรับรู้เนื้อหาได้หรือไม่ เป็นบทเรียน Web Accessibility Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Web Accessibility Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Web Accessibility Academy มีบทเรียนทั้งหมด 4 บทเรียน
ความหมายของการรับรู้ได้
การรับรู้ได้ คือหลักการข้อแรกของ WCAG ผู้ใช้ทุกคนต้องสามารถรับรู้เนื้อหาของคุณได้ แม้จะมองเห็น ได้ยิน หรืออ่านในแบบปกติไม่ได้
เหตุผลที่หลักการนี้มาก่อน
หากใครไม่สามารถรับรู้ปุ่มหรือรูปภาพได้ตั้งแต่แรก สิ่งอื่นก็ไม่มีความหมาย การรับรู้ได้ คือรากฐานที่อีกสามหลักการต่อยอดขึ้นมา
ทางเลือกที่เป็นข้อความ
เนื้อหาที่ไม่ใช่ข้อความต้องมีคำอธิบาย ทางเลือกที่เป็นข้อความ ช่วยให้โปรแกรมอ่านหน้าจออ่านรูปภาพออกเสียง ผู้ใช้ที่ตาบอดจึงได้รับความหมายเดียวกับที่คุณมองเห็น 🖼️
<img src="chart.png" alt="Sales doubled in Q4">คำบรรยายสำหรับเสียง
ผู้ใช้ที่หูหนวกไม่ได้ยินวิดีโอของคุณ คำบรรยาย จะเปลี่ยนคำพูดให้เป็นข้อความบนหน้าจอ ทำให้สามารถรับรู้เสียงผ่านการมองเห็นได้
บทถอดเสียงก็เช่นกัน
บทถอดเสียง คือข้อความทั้งหมดของเสียงหรือวิดีโอ บทถอดเสียงช่วยผู้ใช้ที่หูหนวก ผู้ที่อยู่ในห้องเงียบ และทุกคนที่ต้องการอ่านมากกว่าฟัง
เนื้อหาที่ปรับเปลี่ยนได้
ผู้คนอาจปรับขนาดข้อความ ซูม หรือเปลี่ยนเป็นโหมดมืด เนื้อหาที่ ปรับเปลี่ยนได้ จะยังคงความหมายและลำดับเดิมไม่ว่าจะนำเสนอในรูปแบบใด
ความหมายในมาร์กอัป
ใช้องค์ประกอบ HTML จริงเพื่อให้โครงสร้างยังคงอยู่ หัวข้อ ยังคงเป็นหัวข้อ เมื่อรูปแบบถูกนำออก ดังนั้นโปรแกรมอ่านหน้าจอจึงยังทราบว่านี่คือชื่อเรื่อง
<h2>Order Summary</h2>อย่าพึ่งพาสีเพียงอย่างเดียว
หากสีแดงหมายถึงข้อผิดพลาด ผู้ใช้ที่ตาบอดสีอาจไม่สังเกตเห็น จับคู่สีกับข้อความหรือไอคอน เพื่อให้สามารถ รับรู้ ความหมายได้โดยไม่ต้องเห็นสี
ความเปรียบต่างที่เพียงพอ
ข้อความสีเทาจางบนพื้นขาวทำให้ผู้มีสายตาเลือนรางอ่านได้ยาก ความเปรียบต่าง ที่ชัดเจนระหว่างข้อความกับพื้นหลังช่วยให้ทุกคนอ่านข้อความได้
เนื้อหาที่แยกแยะได้
ทำให้แยกสิ่งต่าง ๆ ออกจากกันได้ง่าย ทั้งขนาดข้อความที่อ่านง่าย ระยะห่างที่ชัดเจน และเสียงที่หยุดชั่วคราวได้ นี่คือด้าน การแยกแยะได้ ของการรับรู้ได้
คำถามเรื่องการรับรู้ได้
ถามกับเนื้อหาทุกชิ้นว่า ผู้ใช้สามารถรับรู้สิ่งนี้ได้โดยไม่ต้องใช้ตาหรือหูของฉันหรือไม่ หากไม่ได้ คุณต้องจัดหา ทางเลือก ให้ผู้ใช้
ตรวจสอบอย่างรวดเร็ว
มาทดสอบหลักการการรับรู้ได้กันค่ะ
สรุป: การรับรู้ได้
คุณได้เรียนรู้ว่า การรับรู้ได้ หมายถึงทุกคนสามารถรับรู้เนื้อหาของคุณได้ ทั้งข้อความทดแทน คำบรรยาย บทถอดเสียง รูปแบบการจัดวางที่ปรับเปลี่ยนได้ และความเปรียบต่าง เริ่มจากการทำให้รับรู้ได้ แล้วจึงต่อยอด 🌱
เรียนรู้ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “รับรู้ได้: ทุกคนรับรู้เนื้อหาได้หรือไม่” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Web Accessibility Academy นี้ได้ไหม
ได้ บทเรียน Web Accessibility Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- รับรู้ได้: ทุกคนรับรู้เนื้อหาได้หรือไม่
- ใช้งานได้: ทุกคนใช้ตัวควบคุมได้หรือไม่
- เข้าใจได้: อ่านง่ายและคาดเดาได้หรือไม่
- ทนทาน: จะทำงานร่วมกับเทคโนโลยีของผู้ใช้ได้หรือไม่