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

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

คุณอาจกำลังถามตัวเองว่า การเข้าถึงและการรวมเว็บไซต์คืออะไร

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

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

ในบทความนี้:

1. ทำไมเราควรทำให้เว็บไซต์ของเราสามารถเข้าถึงได้มากขึ้น?

การเข้าถึงคือกฎหมาย

การเข้าถึงเป็นสิทธิมนุษยชน

2. ปัญหาการเข้าถึงทั่วไป

การได้ยิน

เห็น

ความเข้าใจ

การนำทาง

คำพูด

3. เราจะทำให้เว็บไซต์ของเราสามารถเข้าถึงได้มากขึ้นได้อย่างไร?

4. วิธีเขียนเว็บเพจที่ทุกคนเข้าถึงได้

5. แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG)

6. สรุป WCAG – วิธีทำให้เนื้อหาเว็บเข้าถึงได้สำหรับทุกคน

7. เมื่อใดที่จะไม่ปฏิบัติตาม WCAG?

8. การทดสอบการเข้าถึงเว็บ

9. 6 วิธีง่ายๆ ในการทดสอบการเข้าถึงเว็บด้วยตนเอง

กลับไปด้านบน

1. ทำไมเราควรทำให้เว็บไซต์ของเราสามารถเข้าถึงได้มากขึ้น?

เราควรทำให้เว็บไซต์ของเราสามารถเข้าถึงได้มากขึ้นด้วยเหตุผลหลัก 3 ประการ:

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

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

• เป็นสิทธิมนุษยชนและข้อกำหนดของกฎหมาย – นี่เป็นสิ่งสำคัญอย่างยิ่ง

กลับไปด้านบน

การเข้าถึงคือกฎหมาย

ภายใต้มาตรา 24 แห่งพระราชบัญญัติการเลือกปฏิบัติด้านความทุพพลภาพ (พ.ศ. 2535) ถือเป็น “การผิดกฎหมายสำหรับบุคคลที่ไม่ว่าจะชำระเงินหรือไม่จัดหาสินค้าหรือบริการ หรืออำนวยความสะดวกในการเลือกปฏิบัติต่อบุคคลอื่นเนื่องจากความทุพพลภาพของบุคคลอื่น:

1. โดยการปฏิเสธที่จะให้สินค้าหรือบริการแก่บุคคลอื่นหรือให้สิ่งอำนวยความสะดวกเหล่านั้นแก่บุคคลอื่น
2. ในข้อกำหนดหรือเงื่อนไขที่บุคคลที่กล่าวถึงในครั้งแรกให้สินค้าหรือบริการแก่บุคคลอื่น หรือทำให้สิ่งอำนวยความสะดวกเหล่านั้นพร้อมใช้งานสำหรับบุคคลอื่น หรือ
3. ในลักษณะที่บุคคลที่กล่าวถึงในครั้งแรกจัดหาสินค้าหรือบริการเหล่านั้นให้ผู้อื่น หรืออำนวยความสะดวกเหล่านั้นให้แก่บุคคลอื่น

ในภาษาอังกฤษธรรมดา นี่หมายความว่าบริษัทสามารถถูกดำเนินคดีภายใต้พระราชบัญญัตินี้ หากพวกเขาเลือกที่จะไม่จัดหาสิ่งอำนวยความสะดวกให้กับบุคคลตามความทุพพลภาพของตน ด้วยเหตุผล

กลับไปด้านบน

การเข้าถึงเป็นสิทธิมนุษยชน

นอกจากพระราชบัญญัติว่าด้วยการเลือกปฏิบัติสำหรับผู้ทุพพลภาพแล้ว การเข้าถึงในทุกรูปแบบถือเป็นสิทธิมนุษยชน อนุสัญญาว่าด้วยสิทธิของคนพิการ (CRPD) ได้รับการรับรองโดยสหประชาชาติในปี 2549 บทความ (4)(1)(g) ของอนุสัญญาเรียกร้องให้ฝ่ายต่างๆ "ส่งเสริมการเข้าถึงข้อมูลและการสื่อสารใหม่สำหรับคนพิการ เทคโนโลยีและระบบต่างๆ รวมทั้งอินเทอร์เน็ต” ออสเตรเลียเป็นหนึ่งในประเทศผู้ลงนามในอนุสัญญารายแรกๆ แต่ตามที่คณะกรรมการสิทธิมนุษยชนแห่งออสเตรเลีย (AHRC) ชี้ให้เห็น เราทุกคนมีหน้าที่ต้องรักษาสิทธิที่อนุสัญญากำหนดไว้

กลับไปด้านบน

2. ปัญหาการเข้าถึงทั่วไป

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

การได้ยิน

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

เห็น

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

ความเข้าใจ

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

การนำทาง

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

คำพูด

บางส่วนของอินเทอร์เน็ตเปิดใช้งานด้วยเสียงและเมื่อเร็ว ๆ นี้เสียงถูกใช้เป็นรูปแบบของรหัสผ่าน (เช่น Centrelink Voice Authentication) แต่การเข้าถึงอินเทอร์เน็ตที่เพิ่มขึ้นนี้อาจไม่สามารถใช้งานได้โดยผู้ที่มีคำพูดที่ จำกัด หรือการได้ยินบกพร่อง หรือผู้ที่ใช้ภาษาอังกฤษเป็นภาษาที่สอง

กลับไปด้านบน

3. เราจะทำให้เว็บไซต์ของเราสามารถเข้าถึงได้มากขึ้นได้อย่างไร?

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

วิธีที่จะทำให้เว็บไซต์ของเราเข้าถึงผู้คนได้มากเท่าที่เป็นไปได้คือการปฏิบัติตามแนวทางสากลเพื่อให้เราอยู่ภายใต้กฎหมายที่กำหนดโดย World Wide Web Consortium (W3C)

กลับไปด้านบน

4. วิธีเขียนเว็บเพจที่ทุกคนเข้าถึงได้

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

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

กลับไปด้านบน

5. แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG)

W3C เป็นชุมชนนานาชาติที่องค์กรสมาชิก พนักงานประจำ และส่วนรวมทำงานร่วมกันเพื่อพัฒนามาตรฐานเว็บ ภารกิจของ W3C คือการนำเว็บไปสู่ศักยภาพสูงสุด และพวกเขาเรียกใช้ Web Accessibility Initiative (WAI) แนวทาง WAI สำหรับการเข้าถึงเว็บคือ:

• Web Content Accessibility Guidelines (WCAG) 2.0 – คู่มือสำหรับการทำให้เว็บไซต์สามารถเข้าถึงได้สำหรับผู้ทุพพลภาพ
• Mobile Web Best Practices (MWBP) – คำแนะนำในการทำให้เว็บไซต์ใช้งานได้จากอุปกรณ์มือถือ
• แนวทางปฏิบัติที่ดีที่สุดสำหรับเว็บแอปพลิเคชันบนมือถือ (MWABP) – คู่มือสำหรับการพัฒนาและนำเสนอเว็บแอปพลิเคชันบนอุปกรณ์มือถือ

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

WCAG (แนวทางการเข้าถึงเนื้อหาเว็บ) เอกสารฉบับเต็ม

MWBP (แนวทางปฏิบัติที่ดีที่สุดสำหรับเว็บบนมือถือ) ฉบับเต็ม

MWABP (แนวทางปฏิบัติที่ดีที่สุดสำหรับแอปพลิเคชันเว็บบนมือถือ) เอกสารฉบับเต็ม

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

กลับไปด้านบน

6. สรุป WCAG – วิธีทำให้เนื้อหาเว็บเข้าถึงได้สำหรับทุกคน

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

WCAG ระบุสิ่งเหล่านี้เป็นหลักการสำคัญ 4 ประการที่สามารถทำได้ในระดับดี ดีมาก หรือดีเยี่ยม (ระบุไว้ในแนวทางปฏิบัติว่า A, AA และ AAA ตามลำดับ) ในเอกสารนี้ จะแสดงเฉพาะโซลูชัน A และ AA เนื่องจากข้อกำหนดการเข้าถึง 'ผ่าน' ของเกรดทั้งหมดและโซลูชัน AAA บางอย่างนั้นจำกัดเวลาหรือต้นทุน เว็บไซต์ของรัฐบาลออสเตรเลียระบุว่าเป็นไปตามข้อกำหนดของ AA และดำเนินการตามข้อกำหนดของ AAA เป็นต้น

ในการร้องเรียนต่อ WCAG ข้อมูลและการทำงานของส่วนต่อประสานผู้ใช้จะต้อง:

1. รับรู้ได้ (ด้วยสายตา เสียง หรือทั้งสองอย่าง)
2. ใช้งานได้ (ด้วยเมาส์และคีย์บอร์ด)
3. เข้าใจได้ (การเขียนต้องเข้าใจง่าย)
4. แข็งแกร่ง (ตีความโดยตัวแทนผู้ใช้ที่หลากหลาย)

หลัก 1 – เว็บไซต์และการนำทางต้องสามารถรับรู้ได้

ใช้ Text Alternatives สำหรับเนื้อหาที่ไม่ใช่ข้อความ เช่น:

• พิมพ์ใหญ่ อักษรเบรลล์ คำพูด
• สัญลักษณ์
• ภาษาที่เรียบง่าย

ใช้ ทางเลือกสื่อ ตามเวลาสำหรับสื่อตามเวลาเช่น:

• คำบรรยายล่วงหน้าหรือคำบรรยายสด
• คำอธิบายเสียง
• ภาษามือที่บันทึกไว้ล่วงหน้า
• คำอธิบายเสียงเพิ่มเติม

สร้าง เนื้อหาเว็บที่ปรับ เปลี่ยนได้ซึ่งสามารถนำเสนอได้หลายวิธีโดยไม่สูญเสียข้อมูลหรือโครงสร้าง:

• ใช้ ลำดับการอ่าน ที่ถูกต้อง
• จัดเตรียม ข้อความหรือเสียงที่เทียบเท่า สำหรับคำแนะนำที่ขึ้นอยู่กับรูปร่าง สี ขนาด ตำแหน่งภาพ การวางแนว หรือเสียงเท่านั้น
• ใช้ แนวตั้งและแนวนอน (เว้นแต่จำเป็นต้องมีการวางแนวการแสดงผลที่เฉพาะเจาะจง)
• ช่องใส่ป้ายกำกับ

ทำให้ผู้ใช้ดูและได้ยินเนื้อหาได้ง่ายขึ้น:

• รวม การควบคุมเสียง สำหรับเสียงที่มีความยาวมากกว่า 3 วินาที
• ใช้ เสียง พื้นหลัง ต่ำ หรือไม่มีเลย
• แยกพื้นหน้าออกจากพื้นหลัง
• ใช้เฉพาะสีกับคำ เป็นสื่อกลางในการสื่อข้อมูลการกระทำ การตอบสนอง หรือองค์ประกอบภาพ
• ใช้ ข้อความ อธิบายการนำเสนอด้วยภาพ
• ใช้ อัตราส่วนคอนทรา สต์ในสำเนาอย่างน้อย 4.5:1
• เปิดใช้งานการคัดลอก ข้อความปรับขนาด ได้ถึง 200% โดยไม่สูญเสียเนื้อหาหรือการทำงาน
• หลีกเลี่ยงความจำเป็นที่ผู้ใช้ต้องเลื่อนในสองมิติ
• ระยะห่าง:
  • ระยะห่างบรรทัด: 1.5 หรือมากกว่า
  • การเว้นวรรคตอนท้าย: 2 x ขนาดตัวอักษรขึ้นไป
  • ระยะห่างตัวอักษร: 0.12 หรือมากกว่า
  • ระยะห่างระหว่างคำ: 0.16 x แบบอักษรขึ้นไป
• ทำให้เนื้อหาโฮเวอร์ถูกมองข้าม โฮเวอร์ได้ และคงอยู่

กลับไปด้านบน

หลักการที่ 2 – เว็บไซต์และการนำทางจะต้องใช้งานได้

ทำให้เนื้อหาเว็บสามารถเข้าถึงได้ผ่านเมาส์และคีย์บอร์ด:

• ทำให้เนื้อหาและการทำงานทั้งหมดใช้งานได้โดยใช้ แป้นพิมพ์และเมาส์
• อนุญาตให้ ย้ายโฟกัสของแป้นพิมพ์ได้อย่างอิสระ โดยใช้แป้นพิมพ์และเมาส์
• ทางลัด สามารถเปิดหรือปิดใช้งาน ทำการแมปใหม่ หรือเปิดใช้งานเฉพาะเมื่อโฟกัส

ให้เวลาผู้ใช้เพียงพอในการอ่านและใช้เนื้อหา:

• มีความสามารถในการปิด ปรับเปลี่ยน หรือขยายเวลาในแต่ละ ช่วง ที่กำหนดโดยเนื้อหา
• ให้ คำเตือน แก่ผู้ใช้เกี่ยวกับการสิ้นสุดของเวลาที่กำหนด
• หยุดชั่วคราว หยุดหรือซ่อนข้อมูลการเคลื่อนไหว กะพริบ เลื่อน หรืออัปเดตข้อมูลอัตโนมัติ

ออกแบบเนื้อหาที่ไม่ก่อให้เกิดอาการชักหรือปฏิกิริยาทางกายภาพ:

• องค์ประกอบ กะพริบน้อยกว่า 3 ครั้งต่อวินาที หรือตรวจสอบให้แน่ใจว่าแฟลชอยู่ต่ำกว่าเกณฑ์แฟลชทั่วไปและแฟลชสีแดง
• เพิ่มตัวเลือกเพื่อ ปิดใช้งานภาพเคลื่อนไหวที่ไม่จำเป็น

จัดเตรียมวิธีที่จะช่วยผู้ใช้นำทาง ค้นหาเนื้อหา และระบุว่าพวกเขาอยู่ที่ไหน:

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

ทำให้ผู้ใช้ใช้งานฟังก์ชันต่างๆ ได้ง่ายขึ้นผ่านอินพุตหลายตัวนอกเหนือจากคีย์บอร์ด:

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

กลับไปด้านบน

หลักการที่ 3 – เข้าใจได้

ข้อมูลและการทำงานของส่วนต่อประสานกับผู้ใช้จะต้องเข้าใจได้

ทำให้เนื้อหาข้อความอ่านและเข้าใจได้:

• ภาษามนุษย์ เริ่มต้นของแต่ละเว็บเพจสามารถเปลี่ยนแปลงได้โดยผู้ใช้
• ภาษามนุษย์ของแต่ละข้อความหรือวลีในเนื้อหาสามารถแปลได้ (ยกเว้นชื่อ ศัพท์แสง และคำสแลง)

ทำให้หน้าเว็บปรากฏขึ้นและดำเนินการในลักษณะที่คาดเดาได้:

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

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

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

กลับไปด้านบน

หลักการที่ 4 – แข็งแกร่ง

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

เพิ่มความเข้ากันได้สูงสุดกับตัวแทนผู้ใช้ในปัจจุบันและอนาคต รวมถึงเทคโนโลยีอำนวยความสะดวก:

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

นี่เป็นข้อมูลสรุปโดยย่อของตัวเลือกการช่วยสำหรับการเข้าถึงที่มีให้เราที่ Jezweb บางส่วนเป็นไปตามระดับ A และบางส่วนเป็น AA แต่ทุกพื้นที่สามารถทำได้หากพวกเขาเขียนลงในการออกแบบเว็บและกระบวนการเขียนคำโฆษณาตั้งแต่เนิ่นๆ การเขียนการช่วยสำหรับการเข้าถึงในระยะเริ่มต้นนั้นเร็วและง่ายกว่ามากเมื่อเทียบกับการแก้ไขงานที่มีอยู่

กลับไปด้านบน

7. เมื่อใดที่จะไม่ปฏิบัติตาม WCAG?

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

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

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับคดีความ – โปรดจำไว้ว่า ลิงก์นี้ไม่ใช่คำแนะนำทางกฎหมาย แต่เป็นข้อมูลทั่วไป – คลิกที่ humanrights.gov.au/our-work/disability-rights/world-wide-web-access-disability-discrimination -act-advisory-notes-ver#อะไรคือ

กลับไปด้านบน

8. การทดสอบการเข้าถึงเว็บ

เราสามารถทดสอบระดับการเข้าถึงเว็บของเราได้ 2 วิธี:

• เครื่องมือช่วยการเข้าถึงเว็บ (สำหรับกระบวนการของเครื่องมือช่วยการเข้าถึงเว็บ ให้อ้างอิงกับผู้จัดการสายงานของคุณ)
• การตรวจสอบด้วยตนเอง (การตรวจสอบโดยมนุษย์ - ดูด้านล่าง)

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

กลับไปด้านบน

9. 6 วิธีง่ายๆ ในการทดสอบการเข้าถึงเว็บด้วยตนเอง

การทดสอบโดยเจ้าหน้าที่สามารถทำได้โดยการตรวจสอบเว็บไซต์ด้วยตนเองเพื่อให้สอดคล้องกับ WCAG (แนวทางการเข้าถึงเนื้อหาเว็บของ The Web Accessibility Initiative ในกรณีที่คุณลืมความหมาย!)

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

1. ถอดปลั๊กเมาส์และ/หรือปิดแทร็คแพด

โต้ตอบกับไซต์โดยใช้เพียง TAB หรือ SHIFT+TAB เพื่อนำทางและ ENTER เพื่อไปตามลิงค์

• คุณสามารถโต้ตอบกับตัวควบคุม ลิงก์ และเมนูทั้งหมดโดยใช้เพียงแป้นพิมพ์ได้หรือไม่
• คุณสามารถดูว่ารายการใดมีโฟกัสอยู่ตลอดเวลา?
• ลำดับการโฟกัสด้วยภาพตรงกับลำดับการโต้ตอบที่ต้องการหรือไม่

2. เปิดโหมดความคมชัดสูง – สิ่งนี้จะลบสีบนไซต์ด้วย

จากการสำรวจผู้ใช้ที่มีสายตาเลือนรางของ WebAIM พบว่า 30% ของผู้ตอบแบบสอบถามระบุว่าพวกเขาใช้โหมดคอนทราสต์สูง

• คุณสามารถดูแต่ละองค์ประกอบในหน้าได้อย่างง่ายดายหรือไม่
• คุณสามารถนำทางไปรอบ ๆ ไซต์ได้หรือไม่?
• คุณสามารถอ่านและทำความเข้าใจองค์ประกอบการคัดลอกทั้งหมดได้หรือไม่

3. ปิดรูปภาพในการตั้งค่าเบราว์เซอร์

• เนื้อหามีสาระหรือไม่?
• เนื้อหาเริ่มเข้าใจยากขึ้นหรือไม่?
• ตอนนี้มีเนื้อหาใดหายไปหรือไม่?
• การควบคุมที่สำคัญหายไปหรือไม่?

4. ตรวจสอบคำบรรยายหรือถอดเสียง

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

มีข้อกำหนดอื่นๆ สำหรับสถานการณ์เฉพาะวิดีโอและเสียงเท่านั้น แต่ข้างต้นจะครอบคลุมสื่อส่วนใหญ่ในไซต์ส่วนใหญ่

หมายเหตุ: ไม่เพียงแต่เนื้อหาสื่อควรเข้าถึงได้ แต่ตัวเครื่องเล่นควรเช่นกัน มองหาบล็อกโพสต์ในอนาคตเกี่ยวกับการเข้าถึงโปรแกรมเล่นสื่อ

5. คลิกที่ Field Labels

ระวังการติดฉลากที่ขาดหายไปหรือไม่สมบูรณ์ การจัดการข้อผิดพลาดที่ไม่มีประสิทธิภาพ และการควบคุมโฟกัสที่ไม่ดี

คลิกที่ป้ายกำกับข้อความที่อยู่ติดกับฟิลด์:

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

หมายเหตุ: ควรมีความสัมพันธ์แบบหนึ่งต่อหนึ่งระหว่างป้ายกำกับและตัวควบคุม

6. ปิด CSS ในการตั้งค่าเบราว์เซอร์ ภาพพื้นหลังจะหายไป

• เนื้อหาสำคัญหายไปหรือตัวควบคุม ไอคอน หรือองค์ประกอบที่ดำเนินการได้อื่นๆ หายไปหรือไม่
• ตอนนี้มันยากที่จะเข้าใจสิ่งต่าง ๆ เช่นข้อความแสดงข้อผิดพลาดหรือตัวชี้นำภาพอื่น ๆ ก่อนหน้านี้หรือไม่?
• เนื้อหายังคงแสดงตามลำดับที่สมเหตุสมผลและเข้าใจง่ายหรือไม่
• สีใด ๆ รวมทั้งสีพื้นหลังยังคงอยู่หรือไม่
• รูปแบบการนำเสนอข้อความยังคงอยู่หรือไม่

การปฏิบัติตามหลักเกณฑ์ง่ายๆ เหล่านี้เป็นจุดเริ่มต้นที่ดี แต่เป็นภาพรวมที่ง่ายมากเท่านั้น ข้อมูลรายละเอียดเพิ่มเติม คุณควรอ้างอิงถึง WCAG เสมอ

กลับไปด้านบน

จะแน่ใจได้อย่างไรว่าคุณเป็นพันธมิตรกับผู้ที่มีความสามารถต่างกัน

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