การช่วยการเข้าถึงเว็บ Drupal 8 – ทำไมเราถึงชอบมัน และทำไมคุณจึงควรใส่ใจด้วย

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

พลังของเว็บอยู่ในความเป็นสากล การเข้าถึงโดยทุกคนโดยไม่คำนึงถึงความพิการเป็นสิ่งสำคัญ - ทิม เบอร์เนอร์ส ลี ผู้ประดิษฐ์เวิลด์ไวด์เว็บ

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

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

แต่คุณเคยหยุดคิดบ้างไหมว่าทุกคนสามารถเข้าถึงเว็บได้หรือไม่?

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

การเข้าถึงเว็บคืออะไร?

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

World Wide Web Consortium ได้แนะนำแนวทางปฏิบัติบางประการเพื่อให้สามารถเข้าถึงระดับต่างๆ ได้ เพื่อให้แน่ใจว่าเว็บไซต์จะมีประโยชน์มากที่สุด WCAG 2.0 เผยแพร่ในปี 2542 เป็นเวอร์ชัน 1.0 และใหม่กว่าในปี 2551 เป็นเวอร์ชัน 2.0 เป็นที่ยอมรับโดยทั่วไปว่าเป็นมาตรฐานในการวัดเมื่อพูดถึงการเข้าถึงเว็บและข้อมูลที่คุณนำเสนอต่อผู้ใช้

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

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

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

Drupal ช่วยได้ อย่างไร ?

Drupal CMS ซึ่งเป็น SaaS บนเว็บช่วยให้สามารถจัดระเบียบเนื้อหาเว็บขององค์กรได้อย่างเป็นระบบ แนวทางของ World Wide Web Consortium แบ่งออกเป็นสองส่วน - ATAG 2.0 ที่กล่าวถึงเครื่องมือสร้างและ WCAG 2.0 ซึ่งระบุถึงเนื้อหาเว็บ และใช้กันอย่างแพร่หลายโดยนักพัฒนาและเครื่องมือประเมินความสามารถในการเข้าถึง Drupal CMS เป็นแพลตฟอร์มที่สร้างขึ้นเพื่อให้เป็นไปตามแนวทางทั้งสอง ในขณะที่ความคิดริเริ่มการช่วยสำหรับการเข้าถึงเริ่มต้นด้วย Drupal 7 แต่ Drupal 8 ได้กล่าวถึงคุณลักษณะการช่วยสำหรับการเข้าถึงที่ดีที่สุดบางส่วน

คุณสมบัติและโมดูลการช่วยสำหรับการเข้าถึงของ Drupal 8

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

คอนทราสต์ที่ดีกว่า

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

แบบฟอร์ม

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

ปุ่มแทนลิงก์

แนวทางปฏิบัติทั่วไปของเจ้าของเว็บไซต์หลายๆ รายคือการใช้ anchor text เป็น "คำกระตุ้นการตัดสินใจ" แทนที่จะเป็นปุ่ม จากจุดยืนเชิงความหมาย การใช้ปุ่มนั้นมีเหตุผลมากกว่าที่จะยึดข้อความ เนื่องจากองค์ประกอบส่วนต่อประสานกับผู้ใช้เหล่านี้มุ่งเน้นการดำเนินการ ดังนั้น Drupal 8 จึงเรียกร้องให้มาตรการนี้ใช้ปุ่มแทนลิงก์ มาตรฐานใหม่ที่กำหนดโดย Drupal 8 สามารถจัดการได้โดยไม่ต้องพึ่งพา WAI-ARIA มากนัก ซึ่งจะเป็นประโยชน์ในการระบุวัตถุประสงค์ขององค์ประกอบบางอย่าง

คุณสมบัติการช่วยการเข้าถึงอื่นๆ ของ Drupal 8

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

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

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

โมดูลตัวสร้างเค้าโครง

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

ในฐานะที่เป็นส่วนหนึ่งของความมุ่งมั่นของ Drupal ในการรวมและการเข้าถึงได้ Layout Builder ตรงตามแนวทางทั้งหมดที่กำหนดไว้ใน WCAG 2.0 AA (จำเป็นเพื่อให้ตรงตามระดับ AA ของแนวทางการเข้าถึงเนื้อหาเว็บ) เมื่อผ่าน "ประตูการเข้าถึง" โมดูลได้รับการเผยแพร่เป็นเวอร์ชันเสถียร และนี่คือคำมั่นสัญญาที่ชุมชน Drupal สร้างขึ้นและปฏิบัติตามอย่างถูกต้อง

CKEditor โมดูลตัวตรวจสอบการช่วยสำหรับการเข้าถึง

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

โมดูลปรับปรุงไซต์

Siteimprove เป็นโมดูลที่สนับสนุน Drupal 8 ที่ให้ปลั๊กอินเพื่อเชื่อมต่อเว็บไซต์ Drupal ของคุณกับแพลตฟอร์ม Siteimprove Intelligence Siteimprove เป็นซอฟต์แวร์ Digital Presence Optimization ที่ให้ข้อมูลเชิงลึกที่น่าทึ่ง ซึ่งไม่เพียงแต่ช่วยในการปรับปรุงการปฏิบัติตามข้อกำหนดของการเข้าถึงเว็บ แต่ยังช่วยปรับปรุงการเข้าชมเว็บไซต์ คุณภาพเนื้อหา ประสิทธิภาพ และอื่นๆ

โมดูลปรับขนาดข้อความ

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

อนาคตของการเข้าถึงเว็บใน Drupal

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

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