การปรับปรุงความสามารถเข้าถึงได้ง่ายสำหรับหน้าเว็บ
ชุดเอกสารฉบับนี้เป็นเวอร์ชันข้อความของเนื้อหาบางส่วนที่ครอบคลุมใน หลักสูตร Udacity การช่วยเหลือพิเศษ ไม่ใช่แค่การถอดเสียงเป็นคำโดยตรงของหลักสูตรวิดีโอนั้น การรักษาหลักการปฏิบัติและการเข้าถึงได้ง่ายให้กระชับโดยใช้หลักสูตร เนื้อหาต้นฉบับเป็นพื้นฐาน
สรุป
- ดูว่าการช่วยเหลือพิเศษหมายถึงอะไรและนำมาใช้กับการพัฒนาเว็บได้อย่างไร
- ดูวิธีทำให้เว็บไซต์เข้าถึงและใช้งานได้สำหรับทุกคน
- ดูวิธีรวมการช่วยเหลือพิเศษขั้นพื้นฐานเพื่อให้ส่งผลต่อการพัฒนาน้อยที่สุด
- เรียนรู้เกี่ยวกับฟีเจอร์ HTML ที่ใช้ได้และวิธีปรับปรุง การเข้าถึง
- เรียนรู้เกี่ยวกับเทคนิคการช่วยเหลือพิเศษขั้นสูงเพื่อสร้างรูปภาพที่สวยงาม ประสบการณ์ความสามารถเข้าถึงได้ง่าย
การทำความเข้าใจการช่วยเหลือพิเศษ ขอบเขต และผลกระทบจะช่วยให้คุณพัฒนาเว็บไซต์ให้ดีขึ้นได้ คู่มือนี้มีจุดประสงค์เพื่อช่วยให้คุณเข้าใจวิธีสร้าง เว็บไซต์ที่ทุกคนเข้าถึงและใช้งานได้
"การช่วยเหลือพิเศษ" อาจสะกดยาก แต่นั่นไม่จำเป็นต้องเป็นคำว่ายาก ที่ประสบความสำเร็จ ในคู่มือนี้ คุณจะได้ทราบวิธีช่วยสร้างรายได้ ปรับปรุงการเข้าถึงได้ง่ายโดยใช้ความพยายามเพียงเล็กน้อย HTML เพื่อสร้างอินเทอร์เฟซที่เข้าถึงง่ายและมีประสิทธิภาพมากขึ้น พร้อมดูวิธีใช้ประโยชน์จาก เทคนิคขั้นสูงในการสร้างประสบการณ์ การใช้งานที่เข้าถึงได้ง่าย
คุณยังจะพบว่าเทคนิคจำนวนมากเหล่านี้จะช่วยคุณสร้างอินเทอร์เฟซ ที่ดีและใช้งานง่ายยิ่งขึ้นสำหรับผู้ใช้ทุกคน ไม่ใช่แค่สำหรับผู้ใช้ที่มี ความพิการ
แน่นอนว่านักพัฒนาซอฟต์แวร์จำนวนมากเข้าใจดีว่าคุณลักษณะการช่วยเหลือพิเศษ หมายถึง - บางอย่างกับสัญญาของรัฐบาล รายการตรวจสอบ และหน้าจอ ผู้อ่านใช่ไหม ซึ่งมีความเข้าใจผิดอยู่มากมาย ตัวอย่างเช่น นักพัฒนาซอฟต์แวร์จำนวนมากรู้สึกว่าการจัดการกับการเข้าถึงจะเป็น เพื่อเลือกระหว่างการสร้างประสบการณ์ ที่น่าประทับใจและน่าประทับใจ ฟังดูอึดอัดและน่าเกลียดแต่ก็เข้าถึงได้
แน่นอนว่าสิ่งนี้ไม่ใช่ปัญหาเลย ดังนั้น เราจะต้องจัดการเรื่องนี้ให้ชัดเจนก่อนที่เราจะ ไปเป็นสิ่งอื่นๆ การช่วยเหลือพิเศษคืออะไรและเรามาถึงจุดนี้อย่างไร เรียนรู้เกี่ยวกับอะไร
การช่วยเหลือพิเศษคืออะไร
พูดกว้างๆ ก็คือ เมื่อเราพูดว่าเว็บไซต์เข้าถึงได้ เราหมายถึงว่า เนื้อหาพร้อมใช้งาน และฟังก์ชันการทำงานของ YouTube สามารถทำงานโดย ทุกคน ในฐานะนักพัฒนาแอป เป็นเรื่องง่ายๆ ที่ผู้ใช้ทุกคนจะเห็นและใช้ แป้นพิมพ์ เมาส์ หรือหน้าจอสัมผัส และสามารถโต้ตอบกับเนื้อหาของหน้าเว็บ ด้วยวิธีเดียวกัน ซึ่งอาจทำให้คุณได้รับประสบการณ์ การใช้งานที่ดีสำหรับบางคน แต่สร้างปัญหาที่มีตั้งแต่ความรำคาญง่ายๆ ไปจนถึงอุปสรรค อื่นๆ
ส่วนการช่วยเหลือพิเศษจะหมายถึงประสบการณ์การใช้งานของผู้ใช้ที่อาจอยู่นอก "ทั่วไป" ผู้ใช้ที่อาจเข้าถึงหรือโต้ตอบกับสิ่งต่างๆ แตกต่างจากที่คุณคาดไว้ โดยเฉพาะอย่างยิ่ง เกี่ยวข้องกับผู้ใช้ที่ มีความบกพร่องหรือความพิการบางอย่าง และโปรดระลึกไว้เสมอว่า ประสบการณ์นั้นอาจไม่ได้เกิดขึ้นจริงหรือเพียงชั่วคราว
ตัวอย่างเช่น แม้ว่าเรามักจะให้ความสำคัญกับการพูดคุยเรื่องการช่วยเหลือพิเศษเกี่ยวกับผู้ใช้ ที่มีความบกพร่องทางร่างกาย เราทุกคนสามารถสัมผัสได้ถึงประสบการณ์การใช้งาน ที่เราเข้าถึงไม่ได้ด้วยเหตุผลอื่นๆ คุณเคยมี ปัญหาการใช้ไซต์บนเดสก์ท็อปในโทรศัพท์มือถือ หรือเห็นข้อความ "นี่ เนื้อหาไม่พร้อมใช้งานในพื้นที่ของคุณ" หรือไม่พบเมนูที่คุ้นเคย บนแท็บเล็ตได้ไหม ทั้งหมดนี้คือปัญหาด้านการช่วยเหลือพิเศษ
เมื่อคุณเรียนรู้เพิ่มเติม คุณจะเห็นว่าการจัดการปัญหาความสามารถเข้าถึงได้ง่ายใน ที่กว้างขึ้นและความรู้สึกทั่วไปมากขึ้น จะช่วยปรับปรุงประสบการณ์ของผู้ใช้เกือบทุกครั้ง ทุกคน ยกตัวอย่างเช่น:
![แบบฟอร์มที่ช่วยเหลือพิเศษได้ไม่ดี](https://web.dev/static/articles/accessibility/image/form-poor-accessibility.jpeg?authuser=5&hl=th)
แบบฟอร์มนี้มีปัญหาการช่วยเหลือพิเศษหลายรายการ
- ข้อความมีคอนทราสต์ต่ำ ซึ่งทำให้ผู้ใช้ที่มีสายตาเลือนรางอ่านได้ยาก
- การมีป้ายกำกับทางด้านซ้ายและช่องทางด้านขวาทำให้หลายๆ คนเป็นเรื่องยาก เชื่อมโยงผู้คนเข้าด้วยกัน และแทบจะเป็นไปไม่ได้เลยสำหรับผู้ที่ต้องซูม ใช้งานหน้าเว็บ ลองจินตนาการว่าดูสิ่งนี้บนโทรศัพท์แล้วต้องเลื่อนหน้าจอ เพื่อหาคำตอบว่าต้องเจอกับอะไร
- ลิงก์ "จำรายละเอียดได้ไหม" ไม่ได้เชื่อมโยงกับช่องทำเครื่องหมาย คุณจึงมี เพื่อแตะหรือคลิกเฉพาะที่สี่เหลี่ยมจัตุรัสเล็กๆ แทนการคลิกป้ายกำกับ เช่นเดียวกัน ผู้ที่ใช้โปรแกรมอ่านหน้าจออาจประสบปัญหาในการหา การเชื่อมโยง
เรามาลองโบกไม้กายสิทธิ์ของเราและดูแบบฟอร์มที่แก้ไขปัญหาเหล่านั้นกัน เราจะทำให้ข้อความมีสีเข้มขึ้น แก้ไขการออกแบบ เพื่อให้ป้ายกำกับ ใกล้กับสิ่งที่ติดป้ายกำกับ และแก้ไขป้ายกำกับที่จะเชื่อมโยงด้วย ช่องทำเครื่องหมายเพื่อให้คุณสามารถสลับโดยคลิกที่ป้ายกำกับเช่นกัน
![แบบฟอร์มที่ปรับปรุงการช่วยเหลือพิเศษ](https://web.dev/static/articles/accessibility/image/a-form-improved-accessib-575a13ad14252.jpg?authuser=5&hl=th)
คุณต้องการใช้สิ่งใด ถ้าคุณพูดว่า "เวอร์ชันสำหรับการช่วยเหลือพิเศษ" แสดงว่าคุณใช้ ในการทำความเข้าใจประเด็นหลักของคู่มือนี้ บ่อยครั้ง สิ่งที่เป็น สำหรับผู้ใช้บางราย ผู้ใช้อีกหลายคนอาจพบปัญหา การใช้งานบล็อกทั้งหมด ดังนั้น การแก้ไขปัญหาการช่วยเหลือพิเศษจะช่วยยกระดับประสบการณ์การใช้งานสำหรับทุกคน
หลักเกณฑ์การพัฒนาเนื้อหาเว็บที่ทุกคนสามารถเข้าถึงได้ง่าย
ตลอดทั้งคู่มือนี้เราจะพูดถึงหลักเกณฑ์การเข้าถึงเนื้อหาเว็บ (WCAG) 2.0 ซึ่งเป็นชุดหลักเกณฑ์ และแนวทางปฏิบัติแนะนำของผู้เชี่ยวชาญด้านการช่วยเหลือพิเศษเพื่อช่วยแก้ไขปัญหา "การช่วยเหลือพิเศษ" หมายถึงอย่างมีระบบ
WCAG อิงตามหลักการ 4 ข้อที่มักเรียกกันโดยใช้ตัวย่อ POUR ดังนี้
รับรู้ได้: ผู้ใช้รับรู้ถึงเนื้อหาได้ไหม ซึ่งช่วยให้เราคำนึงถึง ที่เพียงเพราะบางอย่างรับรู้ได้ด้วยประสาทสัมผัสเดียว เช่น การมองเห็น ไม่ได้หมายความว่าผู้ใช้ทุกคนจะรับรู้ได้
ปฏิบัติการ: ผู้ใช้ใช้คอมโพเนนต์ UI และไปยังส่วนต่างๆ ของเนื้อหาได้ไหม สำหรับ ตัวอย่างเช่น สิ่งที่ต้องมีการโต้ตอบแบบวางเมาส์เหนือไม่สามารถดำเนินการด้วย ผู้ที่ใช้เมาส์หรือหน้าจอสัมผัสไม่ได้
เข้าใจได้: ผู้ใช้จะเข้าใจเนื้อหาได้ไหม ผู้ใช้เข้าใจ ของอินเทอร์เฟซหรือไม่ และมีความสอดคล้องกันมากพอที่จะป้องกันความสับสนหรือไม่
Robust: User Agent ที่หลากหลายดูเนื้อหาได้ไหม (เบราว์เซอร์) ใช้งานได้กับเทคโนโลยีความช่วยเหลือพิเศษหรือไม่
WCAG ให้ภาพรวมที่ครอบคลุมเกี่ยวกับความสำคัญของเนื้อหา แต่ก็อาจเป็นเรื่องยุ่งยากเล็กน้อย ในการช่วยลดปัญหานี้ กลุ่ม WebAIM(การเข้าถึงเว็บในใจ) มี กลั่นกรองหลักเกณฑ์ WCAG มาเป็นรายการตรวจสอบ ที่ทำตามได้ง่ายและมีการกำหนดเป้าหมาย สำหรับเนื้อหาเว็บโดยเฉพาะ
รายการตรวจสอบ WebAIM จะให้ข้อมูลระดับสูงสั้นๆ เกี่ยวกับสิ่งที่คุณต้องดำเนินการ ยังเชื่อมโยงกับข้อกำหนด WCAG ที่สำคัญอีกด้วยหากคุณต้องการ ของเรา
เมื่อใช้เครื่องมือนี้ คุณจะกำหนดทิศทางให้กับการช่วยเหลือพิเศษได้ และโปรดมั่นใจว่า ตราบใดที่โครงการของคุณตรงตามเกณฑ์ที่กำหนด ผู้ใช้ควรได้รับประสบการณ์ที่ดีในการเข้าถึงเนื้อหาของคุณ
การทำความเข้าใจผู้ใช้ ความหลากหลาย
เมื่อเรียนรู้เกี่ยวกับการช่วยเหลือพิเศษ ความเข้าใจเกี่ยวกับ ผู้ใช้ที่หลากหลายทั่วโลก และหัวข้อเกี่ยวกับความสามารถเข้าถึงได้ง่ายที่ ผลกระทบนั้น หากต้องการอธิบายเพิ่มเติม นี่คือเซสชันคำถาม/คำตอบที่ให้ข้อมูล ร่วมกับ Victor Tsaran ผู้จัดการโปรแกรมด้านเทคนิคที่ Google ที่ตาบอดสนิท
![Victor Tsaran](https://web.dev/static/articles/accessibility/image/victor-tsaran-5c26c1da336d1.jpg?authuser=5&hl=th)
คุณทำงานอะไรที่ Google
หน้าที่ของฉันคือช่วยให้ผลิตภัณฑ์ ที่ใช้งานได้กับทุกฝ่าย ผู้ใช้ที่หลากหลาย ไม่ว่าจะมีความบกพร่องหรือความสามารถหรือไม่
ผู้ใช้มีความบกพร่องประเภทใด
เมื่อเรานึกถึงความบกพร่องต่างๆ ที่จะทำให้ ทำให้บางคนเข้าถึงเนื้อหาของเราได้ หลายคนอาจมองภาพผู้ใช้ที่ตาบอดในทันที เหมือนผม และเป็นเรื่องจริง ความบกพร่องนี้ ทำให้รู้สึกผิดหวังหรือ ก็ใช้เว็บไซต์เยอะๆ ไม่ได้
เทคนิคเว็บสมัยใหม่จำนวนมากก่อให้เกิดผลข้างเคียงอย่างน่าเสียดาย เว็บไซต์ที่ทำงานได้ไม่ดีกับเครื่องมือที่ผู้ใช้ตาบอดใช้เพื่อเข้าถึง ข้อมูลเว็บ อย่างไรก็ตาม การเข้าถึงไม่ได้มีอะไรมากกว่านั้น เราหาเจอ ลองนึกถึงความบกพร่องต่างๆ ที่แบ่งออกเป็น 4 ด้าน คือ การมองเห็น การเคลื่อนไหว การได้ยิน และสติปัญญา
มาพูดถึงตัวเลือกเหล่านั้นกัน คุณช่วยยกตัวอย่างของความบกพร่องทางสายตาให้หน่อยได้ไหม
ความบกพร่องทางสายตาจะแบ่งออกเป็น 2-3 หมวดหมู่ ได้แก่ ผู้ใช้ที่ไม่มีการมองเห็น อย่างผม อาจใช้โปรแกรมอ่านหน้าจอ อักษรเบรลล์ หรือทั้ง 2 อย่างร่วมกัน
![โปรแกรมอ่านอักษรเบรลล์](https://web.dev/static/articles/accessibility/image/a-braille-reader-d9b818805915a.png?authuser=5&hl=th)
เรียกได้ว่าไม่มีสิ่งที่เห็นเลยจริงๆ แต่ก็ไม่ใช่เรื่องแปลก มีโอกาสสูงที่คุณจะรู้จักหรือได้พบกับบุคคลอย่างน้อย 1 คนที่ไม่เห็น ทั้งหมด อย่างไรก็ตาม ยังมีกลุ่มที่เราเรียกว่า "สายตาเลือนราง" อีกมาก ผู้ใช้
นี่มาจากคนทั่วไปนะ จากคนอย่างภรรยาของฉันซึ่งไม่มีกระจกตา แต่ในภาพรวมเธอจะเห็นสิ่งที่เธออ่านหนังสือลำบาก และถือว่าตาบอดตามกฎหมาย สำหรับคนที่อาจจะแค่เป็นคนยากไร้ สายตาเลือนรางและต้องสวมแว่นสายตาที่แข็งแรงมากๆ
เพราะมีโครงการให้เลือกมากมาย แถมยังมีที่พักหลากหลายแบบให้เลือก ที่ผู้คนในหมวดหมู่นี้ใช้ เช่น บางคนใช้โปรแกรมอ่านหน้าจอหรืออักษรเบรลล์ (ฉันเคยได้ยินว่ามีผู้หญิงคนหนึ่งอ่านอักษรเบรลล์ที่แสดงบนหน้าจอ เพราะมองเห็นได้ง่ายกว่าข้อความที่พิมพ์) หรืออาจใช้การอ่านออกเสียงข้อความ ที่ไม่มีฟังก์ชันโปรแกรมอ่านหน้าจอแบบเต็มหน้าจอ หรืออาจใช้เครื่องมือ แว่นขยายหน้าจอที่จะซูมเข้าบางส่วนของหน้าจอ หรืออาจแค่ใช้ ซูมเบราว์เซอร์เพื่อทำให้แบบอักษรทั้งหมดใหญ่ขึ้น นอกจากนี้ ยังอาจใช้ ตัวเลือกคอนทราสต์สูง เช่น โหมดคอนทราสต์สูงของระบบปฏิบัติการ ส่วนขยายเบราว์เซอร์ที่มีคอนทราสต์สูงหรือธีมคอนทราสต์สูงสำหรับเว็บไซต์
![โหมดคอนทราสต์สูง](https://web.dev/static/articles/accessibility/image/high-contrast-mode-11c5708eee6b8.png?authuser=5&hl=th)
ผู้ใช้จำนวนมากใช้ทั้ง 2 แบบรวมกัน เช่น Laura เพื่อนของฉันที่ใช้ ชุดค่าผสมของโหมดคอนทราสต์สูง การซูมของเบราว์เซอร์ และการอ่านออกเสียงข้อความ
สายตาเลือนรางคือเรื่องที่คนหลายคนเข้าใจได้ เริ่มต้นได้ เราทุกคน การมองเห็นแย่ลงเมื่ออายุมากขึ้น ดังนั้นแม้ว่าคุณจะไม่เคยมีอาการนี้มาก่อน มีโอกาสสูงที่คุณจะได้ยินผู้ปกครองบ่น แต่ ผู้คนรู้สึกหงุดหงิดกับการหยิบแล็ปท็อปออกมาท่ามกลางหน้าต่างที่มีแดดจ้า แต่จะอ่านอะไรไม่ได้เลยทันที หรือคนที่เคยเลเซอร์ การผ่าตัดหรืออาจต้องอ่านหนังสือจากที่อื่นๆ ในห้อง ที่พักหนึ่งที่ผมพูดถึงไป ผมคิดว่าเป็นเรื่องที่ง่ายสำหรับ ให้ความเห็นอกเห็นใจกับผู้ใช้ที่มีสายตาเลือนราง
และฉันก็ไม่ควรลืมพูดถึงคนที่มีปัญหาด้านการมองเห็นสีด้วย ผู้ชายประมาณ 9% มีความบกพร่องทางการมองเห็นสีบางอย่าง บวกประมาณ 1% ของ หญิง และอาจมีปัญหาในการแยกสีแดงและสีเขียว หรือสีเหลืองและสีน้ำเงิน ขอให้คำนึงถึงเรื่องนี้ในครั้งถัดไปที่คุณออกแบบการตรวจสอบแบบฟอร์ม
แล้วความบกพร่องทางการเคลื่อนไหวล่ะ
ใช่ ความบกพร่องทางการเคลื่อนไหวหรือความบกพร่องทางความคล่องแคล่วของอวัยวะ ช่วงกลุ่มนี้ทั้งหมด จากผู้ที่ไม่ต้องการใช้เมาส์ เพราะพวกเขาอาจมี RSI หรืออะไรบางอย่างที่ทำให้รู้สึกเจ็บปวด สำหรับคนที่อาจเป็นอัมพาตทางร่างกาย และเคลื่อนไหวได้อย่างจำกัดในบางส่วนของร่างกาย
![คนกำลังใช้อุปกรณ์ติดตามสายตา](https://web.dev/static/articles/accessibility/image/a-person-using-eye-track-a9d27570b3884.png?authuser=5&hl=th)
ผู้ใช้ที่มีความบกพร่องทางการเคลื่อนไหวอาจใช้แป้นพิมพ์ เปลี่ยนอุปกรณ์ การควบคุมด้วยเสียง หรือแม้กระทั่ง อุปกรณ์ติดตามสายตาเพื่อโต้ตอบกับคอมพิวเตอร์
การเคลื่อนไหวยังอาจเกิดขึ้นชั่วคราวหรือตามสถานการณ์ คล้ายกับความบกพร่องทางการมองเห็น ปัญหา: บางทีคุณอาจข้อมือหัก แทร็กแพดอาจ แล็ปท็อปของคุณ หรือคุณกำลังนั่งรถไฟสั่นๆ อาจมี ในหลายๆ สถานการณ์ การเคลื่อนไหวของผู้ใช้ กลายเป็นอุปสรรค และตรวจสอบว่า ตอบโจทย์ผู้ใช้ เราจะปรับปรุงประสบการณ์โดยรวม ทั้งสำหรับผู้ที่ ความบกพร่องถาวร แต่สำหรับผู้ที่พบว่าตนเองไม่สามารถ ใช้ UI ที่อิงตามตัวชี้
เยี่ยมเลย เรามาพูดถึงความบกพร่องทางการได้ยินกัน
กลุ่มนี้อาจเป็นได้ตั้งแต่คนหูหนวกไปจนถึงหูหนวก และ เช่นเดียวกับสายตา การได้ยินของเรามีแนวโน้มที่จะลดลงเมื่อเวลาผ่านไป พวกเราหลายคนใช้ เช่น เครื่องช่วยฟังที่จะช่วยเราได้
![ทีวีที่มีคำบรรยายอยู่ด้านล่าง](https://web.dev/static/articles/accessibility/image/a-television-captions-t-020fb3bfa24cd.png?authuser=5&hl=th)
สำหรับผู้ใช้ที่มีความบกพร่องทางการได้ยิน เราจำเป็นต้องตรวจสอบให้แน่ใจว่าเราไม่ได้พึ่งพิง ดังนั้นอย่าลืมใช้สิ่งต่างๆ เช่น คำบรรยายวิดีโอและข้อความถอดเสียง และ เพื่อให้ทางเลือกเพิ่มเติม เผื่อว่าเสียงเป็นส่วนหนึ่งของอินเทอร์เฟซ
อย่างที่เราเห็นจากความบกพร่องทางการมองเห็นและการเคลื่อนไหว เรานึกภาพออกได้ง่ายๆ ในสถานการณ์ที่ผู้ที่ได้ยินปกติจะได้รับประโยชน์จากสิ่งเหล่านี้ ที่พักได้อีกด้วย เพื่อนหลายคนบอกว่าชอบวิดีโอ คำบรรยาย และการถอดเสียง เพราะหมายความว่าถ้าผู้ใช้อยู่ในสำนักงานแบบเปิดกว้าง แต่ไม่ได้นำหูฟังไปด้วย พวกเขาก็ยังดูวิดีโอได้
ได้เลย ช่วยอธิบายความบกพร่องทางสติปัญญาให้เราทราบสักเล็กน้อยได้ไหม
ภาวะทางสติปัญญามีหลายอย่าง เช่น อาการเพิ่ม โรคดิสเล็กเซีย และออทิสติก นั่นหมายความว่าผู้คนต้องการหรือจำเป็นต้องเข้าถึงสิ่งต่างๆ ในแบบที่แตกต่างกัน ที่พักสำหรับกลุ่มเหล่านี้ มีความหลากหลายสูงมาก แต่เรา ก็พบว่าบางส่วนซ้อนทับกับพื้นที่อื่นๆ เช่น การใช้ฟังก์ชันซูม ทำให้การอ่านหรือฝึกสมาธิง่ายขึ้น นอกจากนี้ ผู้ใช้เหล่านี้ยังอาจพบว่า การออกแบบที่เรียบง่ายที่สุดจะได้ผลที่สุดเพราะจะลดสิ่งรบกวนและการเรียนรู้
ผมคิดว่าทุกคนล้วนเกี่ยวข้องกับความเครียด ที่สติปัญญามากเกินไป ดังนั้น ก็เห็นได้ชัดว่าหากเราสร้างสรรค์สิ่งที่ได้ผล สำหรับผู้ที่มีสติปัญญา เราจะสร้างสิ่งที่น่าพอใจ สำหรับทุกคน
แล้วคุณจะสรุปว่าคุณคิดอย่างไรเกี่ยวกับการช่วยเหลือพิเศษ
เมื่อดูความสามารถและความพิการที่หลากหลาย คุณจะเห็นว่าการออกแบบและ สร้างผลิตภัณฑ์ สำหรับผู้ที่ มีการมองเห็น การได้ยิน ความคล่องแคล่ว และการรับรู้ที่ดูเหมือนจะแคบลงอย่างไม่น่าเชื่อ เพราะการจะเอาชนะตัวเองได้นั้น จะทำให้เราเครียดน้อยลงและน้อยลง ประสบการณ์การใช้งานที่ดีสำหรับทุกคน และสำหรับผู้ใช้บางรายในการสร้างประสบการณ์ที่ จริงๆ แล้วแยกทั้งหมดเหล่านั้นออกไป
ในการสัมภาษณ์นี้ Victor ได้ระบุความบกพร่องต่างๆ และเขียนไว้ เป็น 4 หมวดหมู่กว้างๆ ได้แก่ ภาพ การเคลื่อนไหว การได้ยิน และการรับรู้ เขา ชี้ให้เห็นว่าความบกพร่องแต่ละประเภท อาจเป็นสถานการณ์ ชั่วคราวหรือถาวร
มาดูตัวอย่างการใช้งานจริงของความบกพร่องในการเข้าถึง ที่อยู่ในหมวดหมู่และประเภทเหล่านั้น โปรดทราบว่าความบกพร่องบางอย่าง อาจอยู่ในหมวดหมู่หรือประเภทก็ได้มากกว่า 1 รายการ
เกี่ยวข้องกับสถานการณ์ | ชั่วคราว | ถาวร | |
---|---|---|---|
ภาพ | Concussion | ตาบอด | |
มอเตอร์ | อุ้มทารก | แขนเสีย, RSI* | RSI* |
การได้ยิน | ออฟฟิศเสียงดัง | ||
การรับรู้ | Concussion |
การบาดเจ็บจากความเครียดซ้ำๆ: เช่น กลุ่มอาการประสาทมือชา อาการเจ็บศอกจากการเล่นเทนนิส การถูกกระตุ้น นิ้ว
ขั้นตอนถัดไป
เราคุยกันไปบ้างแล้ว คุณได้อ่านเกี่ยวกับ
- การช่วยเหลือพิเศษคืออะไรและเหตุใดจึงสำคัญสำหรับทุกคน
- WCAG และรายการตรวจสอบการช่วยเหลือพิเศษของ WebAIM
- ความบกพร่องประเภทต่างๆ ที่คุณควรพิจารณา
สำหรับคู่มือนี้ เราจะเจาะลึกแง่มุมที่นำไปใช้ได้จริงในการสร้าง เว็บไซต์ที่เข้าถึงได้ เราจะจัดการเรื่องนี้โดยเกี่ยวข้องกับหัวข้อหลัก 3 หัวข้อ พื้นที่:
การมุ่งเน้น: เราจะมาดูวิธี สร้างสิ่งต่างๆ ที่ดำเนินการได้ด้วยแป้นพิมพ์แทนเมาส์ นี่คือ สำหรับผู้ใช้ที่มีความบกพร่องทางการเคลื่อนไหว แต่จะช่วยให้ ว่า UI ของคุณใช้งานได้ดีสำหรับผู้ใช้ทุกคน
ความหมาย: เราจะ ตรวจสอบให้แน่ใจว่าเราแสดงอินเทอร์เฟซผู้ใช้ของเราได้อย่างมีประสิทธิภาพ โดยสามารถทำงานร่วมกับ เทคโนโลยีความช่วยเหลือพิเศษที่หลากหลาย
การจัดรูปแบบ: เราจะพิจารณาเรื่องภาพ ออกแบบและดูเทคนิคในการสร้างองค์ประกอบภาพของ มีความยืดหยุ่นและใช้งานได้มากที่สุดเท่าที่จะเป็นไปได้
วิชาแต่ละวิชาอาจครบทั้งหลักสูตร เราจึงไม่ครอบคลุมทุกด้าน ของการสร้างเว็บไซต์ที่ เข้าถึงได้ง่าย แต่เราจะให้ข้อมูลที่เพียงพอแก่คุณ เริ่มต้นใช้งานและแนะนำจุดดีๆ ที่คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ ในแต่ละหัวข้อ