การเข้าถึงเว็บ
โดยสรุป ความสามารถในการเข้าถึงเนื้อหาเว็บหมายถึงการทำให้แน่ใจว่าแอปพลิเคชันของเรานั้นเข้าใจได้สำหรับผู้ใช้
- มีความพิการ/ทุพพลภาพ
- ด้วยการเชื่อมต่อแบนด์วิธต่ำ
- ที่กำลังใช้เทคโนโลยีเก่า
- ที่ไม่ได้ยินชั่วคราวหรืออยู่ในสภาพแวดล้อมที่มีเสียงดัง
- ซึ่งเป็นผู้ใช้รายใหม่และ
- ผู้ที่มีอุปสรรคด้านภาษา
มีข้อได้เปรียบทางการแข่งขันมากมายในการปรับเนื้อหาที่เข้าถึงได้สำหรับธุรกิจ ตัวอย่างเช่น บริษัทสามารถเพิ่มความหลากหลายและการรวมเข้ากับเนื้อหาที่เข้าถึงได้ และรักษาลูกค้าที่ภักดีต่อแบรนด์ของตน นอกจากนี้ บริษัทต่างๆ ยังสามารถปรับปรุงผล SEO และขยายการเข้าถึงตลาดได้ นอกจากนี้ ในบางประเทศจำเป็นต้องใช้การช่วยสำหรับการเข้าถึงบนเว็บแอปพลิเคชัน ดังนั้นบริษัทต่างๆ จึงสามารถลดความเสี่ยงทางกฎหมายได้ด้วยการใช้มาตรฐานการช่วยสำหรับการเข้าถึงบางข้อ
มาตรฐานการเข้าถึงเว็บกำหนดโดย W3C Web Accessibility Initiative และตั้งชื่อเป็น “ The Web Content Accessibility Guideline (WCAG) ” ตาม WCAG เนื้อหาควรเป็นไปตามหลักการ POUR
P — Perceivable:ข้อมูลควรมองเห็นได้ (ทางเลือกของข้อความ ทางเลือกของสื่อตามเวลา)
O — ใช้งานได้:ฟอร์มส่วนต่อประสาน การควบคุม และการนำทางใช้งานได้ (“การดำเนินการ” ควรใช้งานได้)
U — เข้าใจได้: UI ควรเข้าใจได้ และเนื้อหาควรอ่านได้
R — Robust:ผู้ใช้ต้องสามารถเข้าถึงเนื้อหาได้เมื่อเทคโนโลยีก้าวหน้า เนื้อหาทั้งหมดควรสามารถเข้าถึงได้
ดังนั้นคุณอาจถามว่า "จะเริ่มต้นที่ไหน" คำตอบที่แท้จริงสำหรับคำถามนี้คือ "การออกแบบ" การออกแบบควรตอบสนองความต้องการของผู้ใช้ทุกคนตามหลักการ POUR
มีบางสิ่งที่เราสามารถทำได้เพื่อตรวจสอบหรือรับรองความสามารถในการเข้าถึงของเรา
- เปิด Chrome > เครื่องมือเพิ่มเติม > เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ > การตอบสนอง > สำรวจขนาดหน้าจอต่างๆ และความสามารถในการอ่านเนื้อหา
- ไปที่https://webaim.org/resources/contrastchecker/และตรวจสอบความคมชัดของสี ใช้สีที่เรียบง่ายและมีคอนทราสต์ที่ดี อัตราส่วนความคมชัดขั้นต่ำควรเป็น 4.5:1 โดยทั่วไป ตรวจสอบให้แน่ใจว่ามีเกณฑ์ใน [4] และ [5]
- ดาวน์โหลด “เครื่องมือ color oracle” และดูว่าผู้ใช้ที่มีตา/ตาบอดสีและความบกพร่องต่างๆ มองเห็นแอปพลิเคชันของคุณอย่างไร
- ตรวจสอบให้แน่ใจว่าได้เปลี่ยนสีของลิงก์เมื่อเข้าชมหรือเลื่อนเมาส์ไปเหนือ
- ตรวจสอบการพิมพ์และความสามารถในการอ่านของเนื้อหาของคุณ ตรวจสอบรูปร่าง น้ำหนัก มาตราส่วน รูปแบบ ระยะห่าง และการจัดตำแหน่งของเนื้อหา
- พยายามใช้แบบอักษร 1–2 แบบในแอปพลิเคชันของคุณ ตรวจสอบhttps://fonts.google.com/สำหรับเลือกฟอนต์ ที่นี่ Google มี "คำแนะนำในการจับคู่ตระกูลแบบอักษร" สำหรับคุณ ลองใช้ฟอนต์ที่มีอยู่แล้วซึ่งไม่ต้องดาวน์โหลดบนอุปกรณ์ต่างๆ สิ่งนี้จะช่วยในเรื่องเวลาในการโหลดแอปพลิเคชัน
- การเว้นวรรคมี 4 ประเภทหลัก ได้แก่ การเว้นวรรคตัวอักษร การเว้นวรรคหลังย่อหน้า การเว้นวรรคตัวอักษร และการเว้นวรรคคำ ทำตามเอกสารนี้https://www.w3.org/TR/WCAG21/#text-spacingสำหรับระยะห่าง
อ้างอิง:
[1]https://www.w3.org/WAI/standards-guidelines/#wcag
[2]https://www.w3.org/TR/WCAG21/
[3]https://webaim.org/standards/wcag/checklist
[4]https://www.w3.org/TR/WCAG21/#contrast-minimum
[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced





































![รายการที่เชื่อมโยงคืออะไร? [ส่วนที่ 1]](https://post.nghiatu.com/assets/images/m/max/724/1*Xokk6XOjWyIGCBujkJsCzQ.jpeg)