WAI กำหนดแนวทางในการพัฒนาเว็บ
WAI - การเข้าถึงความคิดริเริ่มเว็บ
WAI (W3C, 1997) เป็นชุดของแนวทางไว้สำหรับนักพัฒนาเว็บและนักออกแบบเกี่ยวกับวิธีการทำให้เว็บสามารถเข้าถึงผู้คนที่มีความพิการ
เป้าหมายของแนวทางเหล่านี้คือการเข้าถึง แต่พวกเขายังจะช่วยทำให้เนื้อหาเว็บที่มีให้กับเบราว์เซอร์ (เบราว์เซอร์เสียง, โทรศัพท์มือถือ, อุปกรณ์มือถือ) และผู้ใช้มากขึ้นทำงานในสภาพแวดล้อมที่ยากลำบาก (แฮนด์ฟรีแข็งแรงแสงความมืด สายตาไม่ดีเสียงหนัก)
![]() | หากเว็บไซต์ของคุณขาดคุณสมบัติ WAI (ความคมชัดดีข้อความปรับขนาดภาพที่มีรายละเอียด) คนพิการจะไม่สามารถที่จะเข้าถึงข้อมูลของคุณ |
---|
เหตุผลในการทำเว็บไซต์ของคุณเข้าถึงได้มากขึ้น:
- มันจะช่วยเพิ่มชื่อเสียงและความพึงพอใจของลูกค้าของคุณ
- มันจะเพิ่มจำนวนของผู้เข้าชม
- มันจะช่วยให้ผู้เข้าชมอยู่อีกต่อไปที่เว็บไซต์ของคุณ
- มันจะทำให้เว็บไซต์ของคุณสามารถใช้งานได้มากขึ้นสำหรับคนที่มีอุปกรณ์เก่า
โปรดจำไว้ว่า "alt"
แอตทริบิวต์ Alt ช่วยให้คุณเพื่อให้เป็นทางเลือกสำหรับข้อความในภาพ:
<img src="images/banana.jpg" alt="Banana">
บางครั้งเว็บเบราเซอร์จะไม่แสดงภาพของคุณ เหตุผลอาจจะเป็นหนึ่งในหลาย ๆ :
- ผู้ใช้มีการปิดการแสดงผลของภาพ
- เบราว์เซอร์เป็นเบราว์เซอร์ขนาดเล็กโดยไม่ต้องแสดงภาพ
- เบราว์เซอร์เบราว์เซอร์เสียง
หากคุณใช้แอตทริบิวต์ "alt" เบราว์เซอร์ส่วนใหญ่จะไม่น้อยกว่าจอแสดงผล (หรืออ่าน) ว่า "Alt" ข้อความ
ไม่ได้ใช้แบบอักษรขนาดเล็ก
บางเว็บไซต์ใช้ขนาดตัวอักษรขนาดเล็กเพียงเพื่อ "บีบ" ข้อความมากขึ้นในแต่ละหน้าหรือเพื่อให้หน้ามากขึ้น "มีสไตล์"
อีกครั้งผู้เข้าชมที่มีอุปกรณ์ที่แตกต่างกันดูเงื่อนไขหรือความพิการอาจมีปัญหาในการอ่านข้อความ
![]() | ไม่ได้บังคับให้ผู้เข้าชมของคุณเพื่อขยายขนาดตัวอักษรทุกครั้งที่พวกเขาเข้าชมเว็บไซต์ของคุณ |
---|
เลือกหนังสือที่ดีที่สุดและระยะห่างบรรทัด
ข้อความที่มีระยะห่างระหว่างตัวอักษรพิเศษง่ายต่อการอ่าน
ข้อความที่มีระยะห่างระหว่างตัวอักษรที่ลดลงเป็นเรื่องยากที่จะอ่าน
ข้อความที่มีดี
ระยะห่างระหว่างบรรทัด
ง่ายต่อการอ่าน
ข้อความที่มีลดลง
ระยะห่างระหว่างบรรทัด
เป็นเรื่องยากที่จะอ่าน
หลีกเลี่ยงแฟนซีแบบอักษร
แบบอักษรปกติง่ายต่อการอ่าน
อักษรตัวเอียงจะไม่ให้ง่ายต่อการอ่าน
Serif อักษรมีมากขึ้นยากที่จะอ่าน
หลีกเลี่ยงความขัดแย้งที่น่าสงสารสี
ตัวอักษรสีดำบนพื้นสีขาวหรือข้อความสีขาวบนพื้นหลังสีดำที่ดีที่สุดสำหรับคนที่มีความพิการการดูและสำหรับการแสดงผลบนอุปกรณ์ที่ไม่ดี
ข้อความสีเทาบนพื้นหลังแสงสามารถให้ความคมชัดที่ยากจน
#AAAAAA สีข้อความบนพื้นหลังสีขาว |
ข้อความสี # 666666 บนพื้นหลังสีขาว |
ข้อความสี # 333333 บนพื้นหลังสีขาว |
ข้อความสี # 000000 บนพื้นหลังสีขาว |
ข้อความสีเทาบนพื้นหลังสีดำยังสามารถให้ความคมชัดที่ยากจน
ข้อความสี # 666666 บนพื้นหลังสีดำ |
#AAAAAA สีข้อความบนพื้นหลังสีดำ |
#CCCCCC สีข้อความบนพื้นหลังสีดำ |
#FFFFFF สีข้อความบนพื้นหลังสีดำ |
บางชุดที่ชอบ - สีดำและสีแดง, สีดำและสีฟ้า, สีเหลืองและสีเขียว - เสมอสายพันธุ์ตา:
ตัวอักษรสีดำบนพื้นสีแดง |
ตัวอักษรสีดำบนพื้นหลังสีฟ้า |
ข้อความสีเหลืองบนพื้นหลังสีเขียว |
และบางชุดจะไม่ได้เลวร้าย:
ข้อความสีดำบนพื้นสีเทา |
ตัวอักษรสีดำบนสีฟ้าอ่อน |
ตัวอักษรสีดำบนพื้นขาวโบราณ |
ข้อความสีขาวบนสีฟ้าเข้ม |
ตั้งเสมอสีพื้นหลัง
หน้าเว็บส่วนใหญ่ใช้สีสำหรับองค์ประกอบข้อความที่แตกต่างกัน ทั้งส่วนหัวและการเชื่อมโยงมักจะอยู่ในสีที่แตกต่างจากข้อความของร่างกาย
ในฐานะผู้ออกแบบเว็บคุณควรจะตระหนักถึงความจริงที่ว่าผู้เข้าชมสามารถที่จะเปลี่ยนการตั้งค่าสีเริ่มต้นของพวกเขา
หากคุณกำหนดสีสำหรับองค์ประกอบเว็บของคุณ (เช่นส่วนหัวและการเชื่อมโยง) คุณควรกำหนดสีพื้นหลัง
![]() | หากคุณไม่ได้กำหนดสีพื้นหลังเว็บไซต์ของคุณจะจบลงด้วยบางชุดที่ดีมากของสี (เช่นหัวไฟสีแดงบนพื้นสีแดงหรือแม้แต่เลวข้อความสีดำบนพื้นหลังสีดำ) |
---|