ความรู้เบื้องต้นเกี่ยวกับอรรถศาสตร์

ข้อมูลเบื้องต้นเกี่ยวกับความหมายและเทคโนโลยีความช่วยเหลือพิเศษ

Alice Boxhall

Dave Gash

Meggin Kearney

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

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

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

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

สุดท้าย เราจะดูวิธีใช้ HTML อย่างมีประสิทธิภาพเพื่อสร้างประสบการณ์ที่ดีให้แก่ผู้ใช้เหล่านี้ และดูว่าวิธีนี้มีความทับซ้อนกับวิธีที่เราจัดการโฟกัสก่อนหน้านี้มากน้อยเพียงใด

เทคโนโลยีความช่วยเหลือพิเศษ

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

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

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

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

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

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

ความสามารถ

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

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

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

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

ตัวอย่างเช่น คุณอาจถอดความการใช้องค์ประกอบแบบฟอร์มทั่วไปบางอย่าง (สิ่งอำนวยความสะดวก) ดังนี้

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

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

การแสดงลักษณะการใช้งานที่ไม่ใช่ภาพนี้เรียกว่าความหมาย

โปรแกรมอ่านหน้าจอ

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

เราขอให้ Victor Tsaranอธิบายว่าในฐานะคนตาบอด เขาเข้าถึงเว็บโดยใช้โปรแกรมอ่านหน้าจอในตัวใน OS X ชื่อ VoiceOver ได้อย่างไร ดูวิดีโอนี้ของ Victor ที่ใช้ VoiceOver

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

หน้าสาธิต ChromeVox Lite

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

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

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

• บทบาทหรือประเภทขององค์ประกอบ หากมีการระบุ (ควรระบุ)
• ชื่อขององค์ประกอบ หากมี (ควรมี)
• ค่าขององค์ประกอบ หากมี (อาจมีหรือไม่มีก็ได้)
• สถานะขององค์ประกอบ เช่น เปิดหรือปิดใช้ (หากมี)

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