SlideShare a Scribd company logo
MICT Web Site
Development
Web Accessibility
: TWCAG2010
หลักการที่ 1 : รับรู้ได้
จัดทำสำรสนเทศและระบบต่อประสำนกับผูใช้ (User Interface) ในรูปแบบที่ผู้ใช้สำมำรถรับรู้ได้
้
แนวทางที่ 1.1 ข้อความทดแทน

จัดให้มีข้อควำมทดแทนสำหรับเนื้อหำที่ไม่ใช่ข้อควำมเพื่อให้สำมำรถเปลียนไปสูรูปแบบข้อมูลอืน ๆ
่
่
่
เพื่อตอบต่อควำมต้องกำรที่หลำกหลำยได้ เช่น ตัวหนังสือขนำดใหญ่ (Large Print) คำพูด อักษร
เบรลล์ สัญลักษณ์หรือภำษำที่ง่ำยขึ้น

Alt=“Smart People ศูนย์การเรียนรู ้ ICT ชุมชม
้
(ในภาพ คุณครูกาลังสอนเด็กนั กเรียนใชคอมพิวเตอร์ในชุมชน)”
แนวทางที่ 1.2 สื่อที่กาหนดด้วยเวลา
จัดให้มีข้อควำมทดแทนสำหรับสือทีกำหนดด้วยเวลำ (สำหรับผู้พกำรทำงกำรได้ยิน)
่ ่
ิ

อ่านคาบรรยายวิดโอทังหมด
ี
้
แนวทางที่ 1.3 ปรับเปลี่ยนได้
สร้ำงเนื้อหำที่สำมำรถนำเสนอได้หลำยรูปแบบ (เช่น กำรเปลี่ยนรูปแบบโครงร่ำงเอกสำร โดยไม่
สูญเสียสำรสนเทศหรือโครงสร้ำงของเอกสำร)
1.3.2 ลาดับที่มีความหมาย
เมื่อลำดับในกำรนำเสนอเนื้อหำมีผลกระทบต่อควำมหมำย ผู้ใช้สำมำรถตัดสินหรือเข้ำใจลำดับกำร
อ่ำนที่ถูกต้องได้ด้วยวิธีทำงโปรแกรม (ระดับ A)
แนวทางที่ 1.4 แยกแยะได้
ปรับขนาดข้อความ
ผู้ใช้สำมำรถปรับลดขนำดข้อควำมได้อย่ำงน้อยร้อยละ 200 โดยไม่ต้องใช้เทคโนโลยีสิ่งอำนวยควำม
สะดวกโดยไม่สูญเสียเนื้อหำหรือกำรทำงำนของหน้ำเว็บ ยกเว้นสำหรับคำบรรยำยภำพและเสียงหรือ
ภำพของข้อควำม (ระดับ AA)
หลักการที่ 2 : ใช้งานได้
องค์ประกอบของส่วนต่อประสำนกับผูใช้ และระบบกำรท่องเว็บต้องสำมำรถใช้งำนได้ ผู้ใช้สำมำรถ
้
รับรู้ได้
แนวทาง 2.1 เข้าถึงได้โดยแป้นพิมพ์
ผู้ใช้สำมำรถเข้ำถึงทุกกระบวนกำรใช้งำนในหน้ำเว็บได้ด้วยกำรใช้แป้นพิมพ์เพียงอย่ำงเดียว
แนวทาง 2.2 เวลาที่เพียงพอ
กำหนดเวลำอย่ำงเพียงพอเพื่อให้ผใช้สำมำรถอ่ำนและใช้งำนเนื้อหำได้
ู้
แนวทาง 2.3 อาการชัก
ไม่สร้ำงเนื้อหำที่ก่อให้เกิดอำกำรชัก (Seizure)
ในหน้ำเว็บต้องไม่มีเนื้อหำส่วนใดที่กะพริบ 3 ครั้งหรือมำกกว่ำใน 1 วินำที หรือ
กำรกะพริบนั้น
ต่ำกว่ำข้อกำหนดต่ำสุดกำรกะพริบหรือกำรกะพริบของแสงสีแดง (3 ครั้งต่อวินำที) (ระดับ A)
แนวทาง 2.4 ท่องหน้าเว็บได้
จัดหำวิธีกำรให้ผู้ใช้สำมำรถท่องหน้ำเว็บ ค้นหำเนื้อหำและทรำบว่ำตนเองอยู่ตำแหน่งใดในเว็บไซต์ได้
หลักการที่ 3: เข้าใจได้
สำรสนเทศและกำรใช้งำนของส่วนต่อประสำน ผู้ใช้ต้องสำมำรถเข้ำใจได้
แนวทาง 3.1 สามารถอ่านได้
ผู้ใช้สำมำรถอ่ำนและเข้ำใจเนื้อหำที่เป็นข้อควำมได้
ไม่ควรใช้คาทับศัพท์ ยกเว้นชื่อเฉพาะ หรือคาศัพท์ทางเทคนิค

รมว.ทก. , ปทก. , รทก. , ทปษ.รมว.ทก.
แนวทางที่ 3.2 สามารถคาดเดาได้
หน้ำเว็บปรำกฏและทำงำนในลักษณะที่ผใช้สำมำรถคำดเดำได้
ู้

กำรท่องหน้ำเว็บอย่ำงเป็นระบบ – สำหรับกำรท่องชุดหน้ำเว็บที่กลไกกำรท่องที่เหมือนกันในแต่ละ
หน้ำ จะต้องมีลำดับกำรเข้ำถึงแต่ละหน้ำในลำดับที่สมพันธ์กัน แต่ละครั้งที่ใช้งำน ยกเว้นผู้ใช้เป็นผู้
ั
เปลี่ยนลำดับกำรท่องหน้ำเว็บนั้นด้วยตนเอง (ระดับ AA)
Complex script – Simple Data
ผู ้เข ้าชมปกติ

ผู ้พิการทางสายตา
•
นโนบาย 3G
•
ICT พร ้อมเข ้าสู่ AEC
•
Free Wifi
Complex script – Simple Data
ผู ้เข ้าชมปกติ

ผู ้พิการทางสายตา
•
หน ้าแรก
•
รู ้จักกระทรวง
- เกียวกับกระทรวง
่
- เกียวกับสานักปลัดกระทรวง
่
- รู ้จักผู ้บริหาร
Web Accessibility
www.achecker.ca
Web Accessibility Checker


www.achecker.com
Web Accessibility Checker


www.achecker.com Result (Level AA)
Web Accessibility Checker


www.achecker.com Result (Level AAA)
Security
Hackers

Administrator
Front-End

Back-End

Users

Database Server
2 Level Securities
Server Password

Administrator
Back-End

Admin Password + CAPTCHA

More Related Content

PDF
Engineering project management
PPTX
біль чорнобиля
PPTX
Economic Industries!
PDF
ITFT - Char dham
PPTX
Steve jobs
PDF
تاريخ قبائل الحباب الحماسين بالسودان وارتريا
PPTX
gaunxi ties that bind by Peer aakif
PDF
Revolutionizing the Employee with 1st United Services Credit Union
Engineering project management
біль чорнобиля
Economic Industries!
ITFT - Char dham
Steve jobs
تاريخ قبائل الحباب الحماسين بالسودان وارتريا
gaunxi ties that bind by Peer aakif
Revolutionizing the Employee with 1st United Services Credit Union

Viewers also liked (9)

PDF
Adobe Site Catalyst Overview
PPTX
microwaves by peer aakif
PPTX
Fear of death
PDF
Photoshop
DOCX
ESPAINIAK AMERIKAN ZITUEN KOLONIEN INDEPENDENTZIA
PPTX
BAKTERI
PDF
A PROJECT REPORT ON “ALKYL ARYL SULFONATE”
PDF
History of Holiday Foods
Adobe Site Catalyst Overview
microwaves by peer aakif
Fear of death
Photoshop
ESPAINIAK AMERIKAN ZITUEN KOLONIEN INDEPENDENTZIA
BAKTERI
A PROJECT REPORT ON “ALKYL ARYL SULFONATE”
History of Holiday Foods
Ad

Similar to Example (20)

PDF
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
PPTX
เทคโนโลยีสารสนเทศ บทที่ 1
PDF
DOCX
ใบความรู้ที่1ความรู้เบื้องต้นเกี่ยวกับมัลติมิเดีย
PPT
เทคโนโลยีเว็บ 2.0
PDF
PDF
PPT
8.บทบาทของเทคโนโลยีสารสนเทศต่อการศึกษาและการประกอบอาชีพ
PPT
Unit8
PPTX
ความหมายและพัฒนาการทางเทคโนโลยีสารสนเทศ
PDF
โครงงานประเภทการประยุกต์ใช้งาน
PDF
9749740330264
PDF
Joomla O public version
PDF
Ict300_3_edit
PDF
งานคอม
DOC
เทคโนโลยีสารสนเทศ
PDF
รายงานโครงงานคอมพิว
การออกแบบส่วนติดต่อผู้ใช้ (User Interface Design)
เทคโนโลยีสารสนเทศ บทที่ 1
ใบความรู้ที่1ความรู้เบื้องต้นเกี่ยวกับมัลติมิเดีย
เทคโนโลยีเว็บ 2.0
8.บทบาทของเทคโนโลยีสารสนเทศต่อการศึกษาและการประกอบอาชีพ
Unit8
ความหมายและพัฒนาการทางเทคโนโลยีสารสนเทศ
โครงงานประเภทการประยุกต์ใช้งาน
9749740330264
Joomla O public version
Ict300_3_edit
งานคอม
เทคโนโลยีสารสนเทศ
รายงานโครงงานคอมพิว
Ad

Example