ล่าสุดการพัฒนาเว็บบทเรียน
 

เว็บ WAI


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 สีข้อความบนพื้นหลังสีดำ

บางชุดที่ชอบ - สีดำและสีแดง, สีดำและสีฟ้า, สีเหลืองและสีเขียว - เสมอสายพันธุ์ตา:

ตัวอักษรสีดำบนพื้นสีแดง
ตัวอักษรสีดำบนพื้นหลังสีฟ้า
ข้อความสีเหลืองบนพื้นหลังสีเขียว

และบางชุดจะไม่ได้เลวร้าย:

ข้อความสีดำบนพื้นสีเทา
ตัวอักษรสีดำบนสีฟ้าอ่อน
ตัวอักษรสีดำบนพื้นขาวโบราณ
ข้อความสีขาวบนสีฟ้าเข้ม

ตั้งเสมอสีพื้นหลัง

หน้าเว็บส่วนใหญ่ใช้สีสำหรับองค์ประกอบข้อความที่แตกต่างกัน ทั้งส่วนหัวและการเชื่อมโยงมักจะอยู่ในสีที่แตกต่างจากข้อความของร่างกาย

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

หากคุณกำหนดสีสำหรับองค์ประกอบเว็บของคุณ (เช่นส่วนหัวและการเชื่อมโยง) คุณควรกำหนดสีพื้นหลัง

บันทึก หากคุณไม่ได้กำหนดสีพื้นหลังเว็บไซต์ของคุณจะจบลงด้วยบางชุดที่ดีมากของสี (เช่นหัวไฟสีแดงบนพื้นสีแดงหรือแม้แต่เลวข้อความสีดำบนพื้นหลังสีดำ)