การเข้าถึง 101
ฉันใช้เวลาประมาณ 10–15 ชั่วโมงใน หลักสูตรออนไลน์ของ edx เรื่องIntroduction to Web Accessibilityซึ่งเขียนโดย W3Cx ซึ่งดูเหมือนจะเป็นชุดของหลักสูตรโดยตรงจากผู้คนใน W3C (ในWAI ของ W3C สำหรับอันนี้ จะแม่นยำกว่า)
ฉันกำลังเขียนสิ่งนี้เพื่อที่คุณจะได้ไม่ต้องใช้เวลาเท่ากันในหลักสูตร แม้ว่าคุณจะสนใจเกี่ยวกับเว็บและหลักการพื้นฐานของเว็บ ฉันขอแนะนำให้คุณทำเช่นนั้น ได้ฟรีและให้ความกระจ่าง
ความรู้เดิมของฉันเกี่ยวกับการเข้าถึงก่อนเข้าร่วมหลักสูตรนี้:
- มีเกณฑ์ความคมชัดที่ข้อความที่อ่านได้ควรเป็นไปตาม
- ใช้แอตทริบิวต์
altอธิบายสำหรับรูปภาพ - ใช้หน่วย css ที่เหมาะสมในการปรับขนาดตัวอักษร (
em) - ควรจะสามารถเรียกดูเว็บไซต์หรือใช้เว็บแอปโดยไม่ต้องใช้อุปกรณ์ชี้ตำแหน่ง (แป้นพิมพ์เท่านั้น)
- บางสิ่งบางอย่างด้วย
aria - เครื่องมือประเมินออนไลน์บางอย่างสามารถให้คะแนนการเข้าถึงเว็บไซต์ของคุณได้
- a11y เป็นตัวเลข สำหรับการช่วย สำหรับการเข้าถึง
- ทฤษฎีแต่เป็นแนวทางปฏิบัติ โรงเรียนน่าอยู่ แต่เราต้องจัดส่งสิ่งของที่ใช้งานได้จริง
- โครงสร้าง
- ปัจจัยพื้นฐานที่ต้องต่อยอด — ไม่ใช่แค่เคล็ดลับและกลเม็ด
เรื่องราวที่ยอดเยี่ยมทั้งหมดเริ่มต้นด้วยบทเรียนประวัติศาสตร์ และการเข้าถึงก็ไม่มีข้อยกเว้น
พลังของเว็บอยู่ในความเป็นสากล การเข้าถึงโดยทุกคนโดยไม่คำนึงถึงความพิการเป็นสิ่งสำคัญ ทิม เบอร์เนิร์ส-ลี ผู้อำนวยการ W3C และผู้ประดิษฐ์เวิลด์ไวด์เว็บกล่าว
และเนื่องจากเราโลภและหิวโหยสำหรับวิธีการที่ยิ่งใหญ่ รวดเร็วที่สุด และดีที่สุดในการขยายธุรกิจ นโยบายและกฎหมายจึงจำเป็นต้องเข้ามาแทนที่และปกป้องผู้คน ผู้คนไม่สมบูรณ์ — เราไม่เห็น ได้ยิน เคลื่อนไหว หรืออนุมานได้เหมือนกัน และส่วนใหญ่มักจะไม่ใช่เพราะความผิดของพวกเขาเอง ไม่ว่ามันจะสำคัญ คนก็คือคน และในสังคมที่เรา ต้องการอยู่ เราควรใช้เทคโนโลยีเพื่อประโยชน์ของมนุษย์ทุกคน ไม่ใช่แค่หนุ่มหล่อ สุขภาพดี พันธุกรรมโชคดี คนมีอภิสิทธิ์ในสังคม ลบคำว่าสิทธิพิเศษออกไปให้ได้มากที่สุด
หลักสูตรนี้ไม่ได้มีเจตนาให้อารมณ์อ่อนไหว แต่เป็นการแสดงให้เห็นถึงผู้ที่มีความพิการทุกประเภท คุณจะก้าวเข้าไปอยู่ในรองเท้าของผู้ด้อยโอกาส คุณจะกลายเป็นคนอารมณ์ดีโดยตระหนักว่าคุณโชคดีแค่ไหน ตามสถิติแล้ว มีโอกาส 85% ที่คุณจะมีประสาทสัมผัสทั้งหมดและการทำงานของมอเตอร์อยู่ในสภาพดีที่จะเรียกดูและอ่านและทำความเข้าใจเนื้อหาในบล็อกขนาดกลางนี้ บางคนอาจต้องใช้แป้นพิมพ์ที่มีไม้อยู่ในปากเพื่อมาที่นี่
WCAG — แนวทางการช่วยสำหรับการเข้าถึงเนื้อหาเว็บเวอร์ชัน 2.1 คือสิ่งที่คุณต้องการปฏิบัติตามเมื่อเสนอบริการของคุณบนเว็บ ฉันชอบวิธีการที่หลักสูตรถูกจุดตั้งแต่เริ่มต้น: อย่ากระโดดไปที่มาตรฐาน ครึ่งหนึ่งอธิบายว่าควรอ่านอย่างไรอีกครึ่งหนึ่ง มันเป็นตัวหยุดการแสดง หลักสูตรแนะนำวิธีการที่น่ากลัวน้อยกว่าแทน และให้โครงสร้าง
โครงสร้าง
มีแนวทางสองประเภทที่ผู้คนใช้เพื่อปรับปรุงวิธีที่พวกเขาโต้ตอบกับเทคโนโลยี:
- โดยผ่านเทคโนโลยีอำนวยความสะดวกหมายถึง ซอฟต์แวร์หรือฮาร์ดแวร์ที่ช่วยให้ผู้คนทำงานได้ง่ายขึ้น ไม่ว่าจะเป็นตัวอ่านหน้าจอ สวิตช์ควบคุม หรือแม้กระทั่งแว่นธรรมดา!
- ด้วยการใช้กลยุทธ์ที่ปรับเปลี่ยนได้เช่น ขยายขนาดฟอนต์ เปลี่ยนคอนทราสต์ หรือปรับขนาดหน้าต่าง บางคนจำเป็นต้องขยายแบบอักษรและความกว้างของหน้าต่าง บางคนก็อ่านได้ดีขึ้นอย่างน่าประหลาดใจเมื่อข้อความมีขนาดเล็กลงและความยาวบรรทัดสั้นลงมาก
โมดูลที่สามเป็นข้อมูลเกี่ยวกับกรณีธุรกิจและผลประโยชน์ อาจจะน่าเบื่อที่สุด อย่างน้อยก็สำหรับฉัน การเข้าถึงไม่จำเป็นต้องมีกรณีธุรกิจ แต่ในกรณีที่คุณต้องการก็สามารถหาได้ง่าย
โมดูลที่สี่เป็นเรื่องจริง เจาะลึกพื้นฐานของWCAG 2.1
และที่ห้าก็น่าเบื่อพอ ๆ กับที่สาม เป็นวิธีดึงดูดผู้มีส่วนได้ส่วนเสียที่สำคัญในองค์กรให้เข้าถึงได้ วิธีเริ่มต้น ฉันไม่แน่ใจว่าใครสามารถสร้างคู่มือการทำงานในชีวิตจริงได้ แต่ฉันควรขอบคุณคำแนะนำShift-left ฉันเริ่มหัวเราะอย่างจริงจังทุกครั้งที่ได้ยินshift- left เปลี่ยนไปมากจนใคร ๆ ก็เริ่มสงสัยว่ามีอะไรเหลืออยู่ทางด้านขวาของการจัดส่ง แต่นั่นก็เป็นอีกเรื่องหนึ่ง
สิ่งสำคัญในการเปลี่ยนแปลงอาจเป็นไปได้ว่าโดยเฉพาะอย่างยิ่งบุคคลที่เกี่ยวข้องในช่วงเริ่มต้นของกระบวนการออกแบบผลิตภัณฑ์ (นักออกแบบผลิตภัณฑ์ สถาปนิก UX ผู้จัดการโครงการ) จำเป็นต้องมีความรู้ในการทำงานเกี่ยวกับการเข้าถึง ดังนั้นปัญหาต่างๆ จะถูกกล่าวถึงในช่วงต้นของกระบวนการ อย่าทิ้งการช่วยสำหรับการเข้าถึงในสัปดาห์สุดท้ายก่อนการถ่ายทอดสด MVP ครั้งแรก
ข้อมูลพื้นฐาน
W3C WAI มีส่วนร่วมด้วยแนวทางสามข้อ:
- WCAG — หลักเกณฑ์การเข้าถึงเนื้อหาเว็บ; ที่นิยมมากที่สุดเกี่ยวกับเนื้อหาเว็บ
- ATAG — แนวทางการช่วยสำหรับการเข้าถึงเครื่องมือการเขียน; คำแนะนำในการสร้างซอฟต์แวร์ที่สามารถเข้าถึงได้โดยผู้สร้างเนื้อหา ลองนึกภาพแผงผู้ดูแลระบบของแพลตฟอร์มบล็อก หรือหน้า “สร้างโพสต์” ของโซเชียลเน็ตเวิร์ก
- UAAG — หลักเกณฑ์การเข้าถึง User Agent — สำหรับเบราว์เซอร์ เครื่องเล่นมีเดีย และ User Agent อื่นๆ
- Perceivable — เทคนิคในการทำให้ข้อมูลพร้อมใช้งานในรูปแบบต่างๆ
- ใช้งานได้ — นอกเหนือจากการรับรู้ข้อมูลแล้ว ผู้ใช้ควรสามารถใช้งาน นำทาง กรอกและส่งแบบฟอร์ม และมีการโต้ตอบบางอย่างกับแอปพลิเคชัน ในการทำเช่นนั้น พวกเขาอาจใช้เมาส์หรือไม่ใช้เมาส์เลย และติดอยู่กับแป้นพิมพ์เท่านั้น จิบๆ เป่าๆ ป้อนข้อมูลด้วยคำพูด ใช่ บางคนถูกจำกัดให้ใช้สวิตช์ธรรมดาเท่านั้นเนื่องจากขาดความคล่องตัวและพูดลำบาก
- เข้าใจได้ — ทั้งข้อมูลและฟังก์ชันการทำงาน ใช้คำศัพท์ง่ายๆ แสดงเจตนาให้ชัดเจน และชัดเจนว่าต้องการอะไรและอยู่ในรูปแบบใด อย่าให้ผู้ใช้คิดหรือคาดเดาสิ่งที่คาดหวังจากฝั่งของเขา/เธอ
- ทนทาน — เชื่อถือได้เมื่อแสดงผลเนื้อหาหรือเรียกใช้แอปพลิเคชันบนแพลตฟอร์มที่หลากหลาย หากเป็นเนื้อหาเว็บหรือแอป ควรทำงานโดยไม่มีปัญหาในเบราว์เซอร์หลักรุ่นปัจจุบันหรืออนาคต หากเป็นเนื้อหามัลติมีเดีย เราควรคาดหวังว่าผู้เล่นหลายๆ คนจะทำงานเหมือนกัน
ในระดับความเชี่ยวชาญทางเทคนิค 1 ถึง 5 คุณต้องมี 2 แต่ก็ไม่ใช่ข้อกำหนดที่ยากในการปฏิบัติตาม หลักสูตรนี้เป็นเพียงการขูดพื้นผิวสำหรับทั้งเนื้อหาเว็บและแอพมือถือ - iOS และ Android
คุณจะต้องมีความรู้เล็กน้อยเกี่ยวกับ HTML และเพื่อให้สามารถเข้าใจองค์ประกอบ UI พื้นฐานแบบเนทีฟได้ เช่น การนำทางย้อนกลับและไปข้างหน้า ท่าทางสัมผัส และการสัมผัส แค่นั้นแหละ. วัสดุนี้ไม่ได้ออกแบบมาสำหรับวิศวกร มันเป็นสากล
ประเด็นที่สำคัญ
การช่วยสำหรับการเข้าถึงเป็นสิ่งสำคัญสำหรับใครก็ตามที่ใส่ใจผู้คน โดยไม่จำเป็นต้องทำเครื่องหมายที่ช่องใด ๆ ก่อนนโยบายหรือช่องทำเครื่องหมายใด ๆ ในธุรกิจขนาดใหญ่ของเราหรือสำหรับโครงการขนาดเล็กของเรา การปฏิบัติตามแนวทางการช่วยสำหรับการเข้าถึงไม่เคยหยุดนิ่ง ไม่ใช่กระบวนการเพียงครั้งเดียว จำเป็นต้องฝังอยู่ในขั้นตอนการออกแบบและการส่งมอบ ยิ่งเร็วยิ่งดีราคาถูก เช่นเดียวกับที่คุณพยายามทำกับข้อกำหนดที่ไม่เกี่ยวกับหน้าที่อื่นๆ ของคุณ
คุณเท่านั้นที่รู้อย่างแท้จริงว่าการช่วยสำหรับการเข้าถึงของคุณสร้างความแตกต่างได้เมื่อทดสอบกับคนจริงๆ เครื่องมือประเมินผลอาจทำให้เข้าใจผิดได้ ขอความคิดเห็นจากผู้ที่มีปัญหาในการใช้เทคโนโลยี ผู้สูงอายุ ปู่ย่าตายายของคุณ เข้าถึงองค์กรเพื่อคนพิการ ฉันพนันได้เลยว่าพวกเขาแทบรอไม่ไหวที่จะเสนอความคิดเห็น
ขอบคุณที่อ่านและดูแลต่อไป!





































![รายการที่เชื่อมโยงคืออะไร? [ส่วนที่ 1]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)