# Accessibility

## **1. Accessibility ความสามารถในการเข้าถึงข้อมูล**

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

### **1.1   ขนาดของหน้าจอ**

&#x20;    ต้องแสดงผลได้พอดีกับทุกขนาดของหน้าจอและอุปกรณ์หลากหลายประเภท

![](https://lh4.googleusercontent.com/96NG01Ux5IMEy9Vo2_GLBnFx11eY1jf5VHkmGltB_COMI3UQHh6fsgBjBq-RK_yuX2AzweAkBMtbLz4aEqo0ygjkGgcb7x8p3hryL0VVVTbRffYDzsEC8ClN1Ml_NZt6Ef5sk-0z)

### **1.2   Web Browser**

&#x20;    ต้องสามารถแสดงผลได้บนทุก browser ได้อย่างถูกต้อง

![](https://lh3.googleusercontent.com/Yw9UWZileHRpdv9SEpZmFOYk-Lt7MOJHmEaAKywjY0yj4GwGQmWK8BhZERMdzFWZpqi-l5TafVScz9b058C5ytMUPLz5MWeluj0Hnzf3REP6HbeRXYB_Kh3LjcNFbs4_ufQl1U9S)

### **1.3   การ Tag รูปภาพ**

&#x20;    ควรตั้งชื่อให้กับภาพประกอบเว็บไซต์ทุกครั้ง (Alternative Text) เพราะหากไม่ตั้งชื่อรูปภาพ search engine ก็จะไม่ทราบว่ารูปภาพนั้นเป็นรูปภาพอะไร ทำให้ไม่สามารถเข้ามาเก็บข้อมูลได้ และสำหรับผู้พิการทางสายตาที่ใช้โปรแกรมอ่านหน้าเว็บไซต์ด้วยแล้ว alternative text นี้จะถูกแปลงเป็นเสียงอ่านเพื่อสื่อสารให้ผู้ที่ตาบอดรับรู้ได้อีกด้วย

![](https://lh3.googleusercontent.com/1n_H_zdvtw6CX32kJoMK_Z3MJ8bKn7-T5ksoXsKyId7HWlb0CYWcEi3TSwjD84kcwRh6jmEJkYeJDPA3McuPdpHGccQqsbvF3mJGIf1Qm_TpRuzid58Fj1u1pVtJhT-p_K8QO5LG)

### **1.4   Font**&#x20;

&#x20;    ควรใช้ font หรือตัวอักษรแบบมาตรฐาน เพราะหากเครื่องคอมพิวเตอร์ของผู้เข้าชมเว็บไซต์ไม่มี font พิเศษติดตั้งไว้ ก็จะทำให้การแสดงผลผิดไปจากปกติหรืออ่านข้อมูลไม่ได้

![](https://lh4.googleusercontent.com/5W4Vbb7c7BMgVvEmryALettVLqgZqrbmLDmR28sMrEfLE5r5ySHonEsfWZp-07jDhLg4afo__jVIjJFGKwi4NfKwb6wmU8-RFSpfc9rEx3u-WMtitEpBU5phbHDSBryHoU1-HOgX)

### **1.5   การใช้สี**

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

![](https://lh3.googleusercontent.com/ry8xjtiOyRXK-xBqztffWg-5d6OeCnp5D2nTh2a7z_XqyYk4-l42oWoQ3ZXnH1c_PtKqRyvoj1EIi0Nt0hrRodzVlih-42dl_2zJCsAenkFIxzfHlxmp-_nFfj_QIXEt8cRmOoSr)
