ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการเข้าถึงเว็บไซต์

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

ช่องว่างระหว่างเว็บไซต์ที่เข้าถึงได้และเว็บไซต์ที่ไม่ได้เกิดขึ้นในงบประมาณ การทำให้เว็บไซต์ของคุณครอบคลุมเพียงแค่ใช้ความพยายามมากขึ้นในระหว่างการพัฒนา และความพยายามมากขึ้นหมายถึงเงินที่มากขึ้น แต่เมื่อทำอย่างมีกลยุทธ์และด้วย CMS เช่น Drupal ก็ไม่ต้องพยายามอย่างมาก Drupal core รองรับการออกแบบและพัฒนาเว็บไซต์ที่สอดคล้องกับมาตรฐาน WCAG 2.0 และ ATAG 2.0 อันที่จริง มีชุมชนทั้งหมด (ชุมชน Drupal Accessibility) ที่ทุ่มเทให้กับการปรับปรุงและปรับปรุงมาตรฐานการช่วยสำหรับการเข้าถึงให้ทันสมัยอยู่เสมอ คุณยังสามารถพูดได้ว่าการช่วยสำหรับการเข้าถึงเป็นจุดแข็งหลักของ Drupal

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

การเข้าถึงเว็บคืออะไร?

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

ทำไมการเข้าถึงเว็บจึงสำคัญ

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

• เพิ่มการเข้าถึงผู้ชมของคุณ
• หลีกเลี่ยงปัญหาทางกฎหมาย ( จำคดีความกับ Beyonce ย้อนกลับไปในปี 2019 เมื่อเว็บไซต์ของเธอไม่สอดคล้องกับ ADA (American with Disabilities Act))
• การปรับปรุงประสบการณ์ผู้ใช้สำหรับการเข้าถึงยังหมายความว่าคุณกำลังปรับปรุงคะแนน UX โดยรวมของคุณ
• ปรับปรุงอันดับเว็บไซต์ของคุณในเครื่องมือค้นหา

ที่กล่าวว่าการเติบโตและความนิยมเมื่อเร็ว ๆ นี้ของแบรนด์ที่มุ่งเน้นวัตถุประสงค์ได้บ่งชี้ว่าการรวมเป็นหนึ่งเดียวสามารถเป็นตัวสร้างความแตกต่างของแบรนด์ที่สำคัญได้

ความสอดคล้องและระดับ

World Wide Web Consortium (W3C) ได้พัฒนาและเผยแพร่ชุดแนวทาง - WCAG (Web Content Accessibility Guidelines) ที่ควบคุมมาตรฐานของการเข้าถึงเว็บ เกณฑ์ความสำเร็จของมาตรฐานเหล่านี้ (WCAG 2.0, WCAG 2.1 และ WCAG 2.2) มีความสอดคล้องสามระดับ:

• ระดับ A
• ระดับ AA
• ระดับ AAA

ระดับ A - นี่คือระดับการช่วยสำหรับการเข้าถึงขั้นต่ำ ซึ่งครอบคลุมข้อกำหนดขั้นพื้นฐานที่สุดของคุณสมบัติการช่วยสำหรับการเข้าถึง

ระดับ AA - ระดับนี้ต้องใช้ทุกอย่างในระดับ A บวกกับข้อกำหนดเพิ่มเติมอีกสองสามข้อ เมื่อเว็บไซต์สอดคล้องกับระดับนี้ จะเป็นเรื่องใหญ่เพราะอุปสรรคด้านการเข้าถึงที่ใหญ่ที่สุดจำนวนมากได้รับการขจัดออกไปแล้ว

ระดับ AAA - ระดับ AAA ต้องการทุกอย่างในระดับ A และ AA รวมทั้งข้อกำหนดเพิ่มเติมอีกสองสามข้อ เว็บไซต์ส่วนใหญ่ทำได้ยากในระดับนี้ และเป็นระดับการเข้าถึงสูงสุดภายใต้มาตรฐาน WCAG

คุณรู้ได้อย่างไรว่าเว็บไซต์ของคุณสามารถเข้าถึงได้?

WCAG ได้กำหนด 4 หลักการและ 13 แนวทางสำหรับการเข้าถึงเว็บ การไม่ปฏิบัติตามหลักการข้อใดข้อหนึ่งจากสี่ข้อนี้จะทำให้ผู้ใช้ที่มีความทุพพลภาพไม่สามารถเข้าถึงเว็บไซต์ของคุณได้ หลักการเหล่านี้เรียกว่าหลักการ POUR

1. รับรู้ได้
2. ใช้งานได้
3. เข้าใจได้
4. แข็งแกร่ง

รับรู้ได้ - แนวทางทั้งหมดที่จัดกลุ่มภายใต้การรับรู้ได้นั้นหมุนไปรอบ ๆ เพื่อให้แน่ใจว่าผู้คนสามารถ ค้นหา เนื้อหาของคุณได้

Operable - คุณต้องตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณใช้งานได้ คนจะต้องสามารถ ใช้ เว็บไซต์ของคุณ

เข้าใจ ได้ - ผู้คนต้องสามารถเข้าใจเว็บไซต์ของคุณได้

แข็งแกร่ง - เว็บไซต์ของคุณควรเข้ากันได้กับเบราว์เซอร์ ระบบปฏิบัติการ และอุปกรณ์ทั้งหมด

แนวทางการช่วยสำหรับการเข้าถึง

ตอนนี้แต่ละหลักการมีชุด แนวทาง ของตัวเองที่เราจะพูดถึงที่นี่:

แนวทางที่เข้าใจได้

1.1) ทางเลือกข้อความ - แนวทางแรกที่สามารถรับรู้ได้ 1.1 กำหนดให้เนื้อหาที่ไม่ใช่ข้อความทั้งหมดมีทางเลือกข้อความ ซึ่งหมายความว่ารูปภาพต้องมีข้อความแสดงแทนที่มีความหมาย ข้อความแสดงแทนควรอธิบายสิ่งที่เกิดขึ้นในภาพ

1.2) สื่อตามเวลา - ที่ รับรู้ได้ 1.2 กำหนดให้มีตัวเลือกอื่นสำหรับสื่อตามเวลา เพิ่มคำบรรยายในวิดีโอสำหรับผู้ที่มีความบกพร่องทางการได้ยิน คำอธิบายภาพช่วยให้บริบท

1.3) ปรับเปลี่ยนได้ - รับรู้ได้ 1.3 กำหนดให้เนื้อหาสามารถนำเสนอในรูปแบบต่างๆ ได้โดยไม่สูญเสียบริบท

1.4) Distinguishable - แนวทางสุดท้ายสำหรับการรับรู้คือ Perceivable 1.4 และต้องการให้แยกเนื้อหาออกจากพื้นหลังด้วยสายตา ซึ่งหมายความว่าควรมีความคมชัดเพียงพอระหว่างข้อความและสีพื้นหลัง ข้อความต้องมีอัตราส่วนคอนทราสต์ขั้นต่ำ 4.5

แนวทางปฏิบัติ

2.1) แป้นพิมพ์ที่เข้าถึงได้ - แนวทางปฏิบัติฉบับแรก 2.1 กำหนดให้ทุกส่วนของเว็บไซต์สามารถเข้าถึงได้โดยใช้ แป้นพิมพ์ เท่านั้น

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

2.3) อาการชักและปฏิกิริยาทางกายภาพ - ใช้งานได้ 2.3 กำหนดให้เนื้อหาไม่ได้ออกแบบมาในลักษณะที่จะทำให้เกิดอาการชัก ภาพเคลื่อนไหวและวิดีโอ ไม่ควรกะพริบ เกิน 3 ครั้งต่อวินาที

2.4) Navigable - Operable 2.4 กำหนดให้ผู้คนสามารถนำทางเว็บไซต์และเข้าใจว่าพวกเขาอยู่ที่ไหนในเว็บไซต์ ลิงก์ อินพุต และปุ่มทั้งหมดบนหน้าควรมีสถานะโฟกัสเพื่อระบุว่าบุคคลอยู่ที่ใดบนหน้าจอเมื่อผู้ใช้นำทางโดยใช้แท็บ

2.5) รูปแบบการป้อนข้อมูล - แนวทางสุดท้ายสำหรับ Operable คือ Operable 2.5 และกำหนดให้ทุกส่วนของเว็บไซต์สามารถเข้าถึงได้โดยใช้อุปกรณ์ป้อนข้อมูลอื่นนอกเหนือจากแป้นพิมพ์ โดยพื้นฐานแล้ว คุณจะต้องตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณใช้งานได้กับเมาส์ อุปกรณ์หน้าจอสัมผัส และคำพูดเป็นข้อความ

แนวทางที่เข้าใจได้

3.1) อ่านได้ - เข้าใจได้ 3.1 กำหนดให้เนื้อหาสามารถอ่านได้และเข้าใจง่าย ใช้ภาษาที่เรียบง่ายและพยายามหลีกเลี่ยงศัพท์แสง

3.2) คาดการณ์ได้ - เข้าใจได้ 3.2 กำหนดให้หน้าเว็บสามารถคาดเดาได้ในลักษณะที่ปรากฏและดำเนินการ เนื้อหาจะแตกต่างกันไปในแต่ละหน้า แต่โครงสร้างหลักของหน้าควรเหมือนเดิม การนำทาง ลำดับของลิงก์ และการค้นหาควรอยู่ในตำแหน่งเดียวกันบนหน้าเสมอ

3.3) ความช่วยเหลือในการป้อนข้อมูล - เข้าใจได้ 3.3 ต้องการให้ผู้คนแก้ไขและหลีกเลี่ยงข้อผิดพลาดได้ง่าย

แนวทางที่แข็งแกร่ง

4.1) เข้ากันได้ - มีแนวทางเดียวภายใต้ แข็งแกร่ง และนั่นคือ 4.1 ซึ่งกำหนดให้เว็บไซต์ต้องเข้ากันได้กับเบราว์เซอร์ ระบบปฏิบัติการ และอุปกรณ์ทั้งหมด สิ่งนี้สามารถทำได้โดยการเขียน HTML ที่มีความหมายและถูกต้อง หากเว็บไซต์ยังคงต้องการความช่วยเหลือในการเข้าถึงด้วยเหตุผลบางประการ ให้เพิ่มแอตทริบิวต์ ARIA บางอย่าง

จะทดสอบการช่วยสำหรับการเข้าถึงได้อย่างไร

สุดท้าย คุณต้องการรวมการทดสอบการช่วยสำหรับการเข้าถึงเข้ากับกระบวนการจัดการเว็บไซต์ของคุณ ตัวอย่างเช่น คุณสามารถแท็บผ่านหน้าต่างๆ เพื่อทดสอบการช่วยสำหรับการเข้าถึงแป้นพิมพ์ โชคดีที่มีเครื่องมือมากมายบนอินเทอร์เน็ตสำหรับการทดสอบอัตโนมัติ:

• คลื่น
• ประภาคาร

เว็บไซต์อ้างอิง

อ้างอิงเว็บไซต์ W3C ด้านล่างสำหรับมาตรฐานและแนวทางปฏิบัติ

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/