การช่วยเหลือพิเศษ

การปรับปรุงการช่วยเหลือพิเศษในหน้าเว็บ

อลิซ บ็อกฮอลล์
อลิซ บ็อกซ์ฮอลล์
เดฟ แกช
เดฟ แกช
เมกกิน เคียร์นี่
Meggin Kearney

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

สรุป

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

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

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

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

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

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

การช่วยเหลือพิเศษคืออะไร

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

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

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

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

แบบฟอร์มที่มีการช่วยเหลือพิเศษไม่ดี

แบบฟอร์มนี้มีปัญหาเกี่ยวกับการช่วยเหลือพิเศษหลายอย่าง

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

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

แบบฟอร์มที่มีการช่วยเหลือพิเศษที่ได้รับการปรับปรุง

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

หลักเกณฑ์การพัฒนาเนื้อหาเว็บที่ทุกคนสามารถเข้าถึงได้ง่าย

ในคู่มือนี้ เราจะพูดถึงหลักเกณฑ์เกี่ยวกับการเข้าถึงเนื้อหาเว็บ (WCAG) 2.0 ซึ่งเป็นชุดหลักเกณฑ์และแนวทางปฏิบัติแนะนำที่รวบรวมโดยผู้เชี่ยวชาญด้านการช่วยเหลือพิเศษเพื่อกล่าวถึงความหมายของ "การช่วยเหลือพิเศษ" ให้มีระเบียบ

WCAG จัดระเบียบตามหลักการ 4 ข้อที่มักเรียกกันด้วยตัวย่อ POUR ดังนี้

  • รับรู้: ผู้ใช้รับรู้เนื้อหาได้ไหม ซึ่งช่วยให้เราตระหนักว่าเพียงเพราะบางอย่างรับรู้ได้ด้วยสัมผัสเดียว เช่น การมองเห็น ไม่ได้หมายความว่าผู้ใช้ทุกคนจะรับรู้ได้

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

  • เข้าใจได้: ผู้ใช้จะเข้าใจเนื้อหาได้ไหม ผู้ใช้จะเข้าใจอินเทอร์เฟซและสื่อสารอย่างสอดคล้องกันเพียงพอหรือไม่เพื่อไม่ให้เกิดความสับสน

  • มีประสิทธิภาพ: User Agent ที่หลากหลายสามารถใช้เนื้อหาได้ไหม (เบราว์เซอร์) อุปกรณ์ดังกล่าวทำงานร่วมกับเทคโนโลยีความช่วยเหลือพิเศษได้ไหม

แม้ว่า WCAG จะให้ภาพรวมที่ครอบคลุมเกี่ยวกับความสำคัญของการเข้าถึงเนื้อหา แต่ก็อาจทำให้รู้สึกท่วมท้น เพื่อช่วยบรรเทาผลกระทบนี้ กลุ่ม WebAIM(Web Accessibility in Mind) ได้เปลี่ยนหลักเกณฑ์ WCAG ให้เป็นรายการตรวจสอบที่ปฏิบัติตามได้ง่าย ซึ่งมีเป้าหมายสำหรับเนื้อหาเว็บโดยเฉพาะ

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

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

การทำความเข้าใจความหลากหลายของผู้ใช้

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

Victor Tsaran
วิกเตอร์ ซาราน

คุณทำงานอะไรที่ Google

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

ผู้ใช้มีความบกพร่องประเภทใดบ้าง

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

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

เรามาอ่านกลยุทธ์เหล่านี้ทีละรายการ ช่วยยกตัวอย่างความบกพร่องทางสายตาหน่อยได้ไหม

ความบกพร่องทางสายตาสามารถแบ่งออกเป็น 2-3 หมวดหมู่ ได้แก่ ผู้ใช้ที่มองไม่เห็น อย่างฉัน อาจใช้โปรแกรมอ่านหน้าจอ อักษรเบรลล์ หรือทั้ง 2 อย่างรวมกัน

โปรแกรมอ่านอักษรเบรลล์
โปรแกรมอ่านอักษรเบรลล์

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

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

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

โหมดคอนทราสต์สูง
โหมดคอนทราสต์สูง

ผู้ใช้จำนวนมากใช้หลายๆ อย่างร่วมกัน เช่น Laura เพื่อนของฉันที่ใช้ทั้งโหมดคอนทราสต์สูง การซูมของเบราว์เซอร์ และการอ่านออกเสียงข้อความ

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

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

แล้วความบกพร่องทางการเคลื่อนไหวล่ะ

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

คนกำลังใช้อุปกรณ์ติดตามสายตา
อุปกรณ์ติดตามสายตา

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

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

เยี่ยมมาก มาพูดถึงความบกพร่องทางการได้ยินกัน

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

ทีวีพร้อมคำบรรยายที่ด้านล่าง
คำบรรยายแทนเสียงบนหน้าจอ

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

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

ฉันช่วยอธิบายเกี่ยวกับความบกพร่องทางสติปัญญาสักเล็กน้อยได้ไหม

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

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

แล้วคุณจะสรุปความคิดของคุณเกี่ยวกับการช่วยเหลือพิเศษอย่างไร

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

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

ลองมาดูตัวอย่างที่เกิดขึ้นจริงของความบกพร่องทางการเข้าถึง และดูว่ามีความบกพร่องทางการเข้าถึงเกิดขึ้นที่ใดบ้างในหมวดหมู่และประเภทเหล่านี้ โปรดทราบว่าความบกพร่องบางอย่างอาจอยู่ใน หมวดหมู่หรือประเภทที่เป็นมากกว่า 1 ประเภท

เกี่ยวกับสถานการณ์ ชั่วคราว ถาวร
ภาพ การกระทบกระเทือน การตาบอด
มอเตอร์ การอุ้มเด็ก แขนหัก, RSI* RSI*
การได้ยิน สำนักงานเสียงดัง
การรับรู้ การกระทบกระเทือน

การบาดเจ็บจากอาการเจ็บปวดซ้ำๆ เช่น โรคเส้นประสาทอักเสบคาร์ปาล (Carpal Tunnel syndrome) อาการเจ็บศอกจากการเล่นเทนนิส อาการนิ้วชี้

ขั้นตอนถัดไป

เราครอบคลุมพื้นที่บางส่วนแล้ว! คุณได้อ่านเกี่ยวกับ

  • การช่วยเหลือพิเศษคืออะไรและเหตุใดจึงสำคัญสำหรับทุกคน
  • รายการตรวจสอบการช่วยเหลือพิเศษ WCAG และ WebAIM
  • ความบกพร่องประเภทต่างๆ ที่คุณควรพิจารณา

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

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

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

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

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