พื้นฐานของการเข้าถึงเว็บ

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

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

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

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

ทำไมการเข้าถึงเว็บจึงสำคัญ

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

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

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

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

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

พื้นฐานการช่วยสำหรับการเข้าถึง

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

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

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

แนวทางปฏิบัติของ World Wide Web Consortium (W3C) กล่าวว่าหลักการของการเข้าถึงเว็บคือผู้ใช้สามารถ "รับรู้ เข้าใจ นำทาง และโต้ตอบกับเว็บได้" การออกแบบและการนำแนวทางปฏิบัติที่ดีที่สุดในการช่วยสำหรับการเข้าถึงไปใช้หมายถึงการปฏิบัติตามหลักการเหล่านั้นและฝึกการรวมกลุ่มในทุกองค์ประกอบ การช่วยสำหรับการเข้าถึงบางแง่มุมอาจต้องมีการวางแผนและการใช้งานที่ซับซ้อนมากขึ้น แต่ส่วนใหญ่นั้นง่ายต่อการบังคับใช้ทันที ซึ่งเราจะกล่าวถึงในตอนต่อไป

กำลังใช้งานการช่วยสำหรับการเข้าถึงตอนนี้

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

เนื้อหาที่เขียน

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

• ตรวจสอบให้แน่ใจว่างานเขียนของคุณมีความชัดเจน รัดกุม และอ่านง่าย หลีกเลี่ยงภาษาที่ซับซ้อนเกินไป ใช้คำอุปมามากเกินไป คำย่อที่ไม่มีคำอธิบาย และประโยคยาวๆ
• ใช้ช่องว่างตลอดทั้งหน้า รวมทั้งย่อหน้าที่สั้นลงและรายการที่ย่อยง่ายเมื่อเป็นไปได้
• จัดรูปแบบโดยใช้หัวเรื่องที่เหมาะสม (h2, h3 ฯลฯ) เพื่อจัดโครงสร้างหน้าอย่างมีเหตุผล
• ตรวจสอบให้แน่ใจว่าชื่อหน้ามีความชัดเจนและจัดรูปแบบอย่างเหมาะสม หลีกเลี่ยงการจัดรูปแบบมากเกินไป เช่น ตัวเอียงและตัวหนา
• อธิบายในการเชื่อมโยงและหลีกเลี่ยงการพูดว่า "คลิกที่นี่" หัวเรื่อง รายการ และโครงสร้างเนื้อหาอื่นๆ ถูกทำเครื่องหมายอย่างถูกต้อง

เนื้อหาประเภทอื่นๆ

อีกวิธีง่ายๆ ในการใช้แนวทางปฏิบัติที่ดีที่สุดในการช่วยการเข้าถึงคือการจัดการกับเนื้อหามัลติมีเดียของคุณ นี่คือหลักเกณฑ์พื้นฐานบางประการ:

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

แบบฟอร์ม

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

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

องค์ประกอบการออกแบบและการนำทาง

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

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

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

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

กลยุทธ์การเข้าถึงระยะยาว

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

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

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

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