โฮมเพจ » ออกแบบเว็บไซต์ » วิธีการออกแบบสำหรับคนที่มีความต้องการการเข้าถึง

    วิธีการออกแบบสำหรับคนที่มีความต้องการการเข้าถึง

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

    ความเป็นสากล และ inclusivity อยู่ในโฟกัสของมาตรฐานการเข้าถึงเว็บที่เป็นหนึ่งในมาตรฐานที่เกี่ยวข้องกับการออกแบบเว็บของ W3C เป้าหมายสุดท้ายของ Web Accessiblity Initiative (WAI) คือการออกแบบเว็บที่ใช้งานได้ “สำหรับทุกคนไม่ว่าจะเป็นฮาร์ดแวร์ซอฟต์แวร์ภาษาวัฒนธรรมสถานที่หรือความสามารถทางร่างกายหรือจิตใจ”.

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

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

    ความบกพร่องทางสายตา

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

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

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

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

    ภาพ: Mashable

    สิ่งสำคัญคือต้องไม่หยุดไม่ให้ผู้ใช้กำหนดการตั้งค่าเบราว์เซอร์ของตนเองดังนั้นหากเป็นไปได้, ระบุทุกอย่างในหน่วยที่เกี่ยวข้อง (ems, rems หรือเปอร์เซ็นต์) แทนขนาดที่แน่นอน.

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

    คนพิการทางการได้ยิน

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

    ตาม Media Access Group ของ WGBH Radio “ประมาณ 24 ล้านคนอเมริกันมีเพียงพอของการสูญเสียการได้ยินที่พวกเขาไม่สามารถเข้าใจความหมายของรายการโทรทัศน์”.

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

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

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

    IMAGE: AudioPerception

    องค์ความรู้และระบบประสาทพิการ

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

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

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

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

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

    IMAGE: การจัดการประกันสังคม

    ความพิการทางร่างกาย

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

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

    การเสนอ แป้นพิมพ์ลัด, โดยเฉพาะอย่างยิ่งบนอุปกรณ์ที่เปิดใช้งานระบบสัมผัส สามารถมาจากสวรรค์สำหรับกลุ่มนี้.

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

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

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

    ภาพ: AllThingsErgo.Com

    ข้อสรุป

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

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

    อ่านแล้ว: 10 เทคโนโลยีช่วยเหลือผู้พิการ