example
TRANSCRIPT
![Page 1: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/1.jpg)
MICT Web Site
Development
![Page 2: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/2.jpg)
Web Accessibility : TWCAG2010
![Page 3: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/3.jpg)
หลกการท 1 : รบรได
จดท ำสำรสนเทศและระบบตอประสำนกบผใช (User Interface) ในรปแบบทผใชสำมำรถรบรได
แนวทางท 1.1 ขอความทดแทน
จดใหมขอควำมทดแทนส ำหรบเนอหำทไมใชขอควำมเพอใหสำมำรถเปลยนไปสรปแบบขอมลอน ๆ เพอตอบตอควำมตองกำรทหลำกหลำยได เชน ตวหนงสอขนำดใหญ (Large Print) ค ำพด อกษรเบรลล สญลกษณหรอภำษำทงำยขน
Alt=“Smart People ศนยการเรยนร ICT ชมชม (ในภาพ คณครก าลงสอนเดกนกเรยนใชคอมพวเตอรในชมชน)”
![Page 4: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/4.jpg)
แนวทางท 1.2 สอทก าหนดดวยเวลา
จดใหมขอควำมทดแทนส ำหรบสอทก ำหนดดวยเวลำ (ส ำหรบผพกำรทำงกำรไดยน)
อานค าบรรยายวดโอทงหมด
![Page 5: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/5.jpg)
แนวทางท 1.3 ปรบเปลยนได
สรำงเนอหำทสำมำรถน ำเสนอไดหลำยรปแบบ (เชน กำรเปลยนรปแบบโครงรำงเอกสำร โดยไมสญเสยสำรสนเทศหรอโครงสรำงของเอกสำร)
1.3.2 ล าดบทมความหมาย
เมอล ำดบในกำรน ำเสนอเนอหำมผลกระทบตอควำมหมำย ผใชสำมำรถตดสนหรอเขำใจล ำดบกำรอำนทถกตองไดดวยวธทำงโปรแกรม (ระดบ A)
![Page 6: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/6.jpg)
แนวทางท 1.4 แยกแยะได
ปรบขนาดขอความ ผใชสำมำรถปรบลดขนำดขอควำมไดอยำงนอยรอยละ 200 โดยไมตองใชเทคโนโลยสงอ ำนวยควำมสะดวกโดยไมสญเสยเนอหำหรอกำรท ำงำนของหนำเวบ ยกเวนส ำหรบค ำบรรยำยภำพและเสยงหรอภำพของขอควำม (ระดบ AA)
![Page 7: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/7.jpg)
หลกการท 2 : ใชงานได องคประกอบของสวนตอประสำนกบผใช และระบบกำรทองเวบตองสำมำรถใชงำนได ผใชสำมำรถรบรได แนวทาง 2.1 เขาถงไดโดยแปนพมพ ผใชสำมำรถเขำถงทกกระบวนกำรใชงำนในหนำเวบไดดวยกำรใชแปนพมพเพยงอยำงเดยว
![Page 8: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/8.jpg)
แนวทาง 2.2 เวลาทเพยงพอ ก ำหนดเวลำอยำงเพยงพอเพอใหผใชสำมำรถอำนและใชงำนเนอหำได
![Page 9: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/9.jpg)
แนวทาง 2.3 อาการชก ไมสรำงเนอหำทกอใหเกดอำกำรชก (Seizure) ในหนำเวบตองไมมเนอหำสวนใดทกะพรบ 3 ครงหรอมำกกวำใน 1 วนำท หรอ กำรกะพรบนนต ำกวำขอก ำหนดต ำสดกำรกะพรบหรอกำรกะพรบของแสงสแดง (3 ครงตอวนำท) (ระดบ A)
![Page 10: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/10.jpg)
แนวทาง 2.4 ทองหนาเวบได จดหำวธกำรใหผใชสำมำรถทองหนำเวบ คนหำเนอหำและทรำบวำตนเองอยต ำแหนงใดในเวบไซตได
![Page 11: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/11.jpg)
หลกการท 3: เขาใจได สำรสนเทศและกำรใชงำนของสวนตอประสำน ผใชตองสำมำรถเขำใจได แนวทาง 3.1 สามารถอานได ผใชสำมำรถอำนและเขำใจเนอหำทเปนขอควำมได ไมควรใชค าทบศพท ยกเวนชอเฉพาะ หรอค าศพททางเทคนค
รมว.ทก. , ปทก. , รทก. , ทปษ.รมว.ทก.
![Page 12: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/12.jpg)
แนวทางท 3.2 สามารถคาดเดาได หนำเวบปรำกฏและท ำงำนในลกษณะทผใชสำมำรถคำดเดำได กำรทองหนำเวบอยำงเปนระบบ – ส ำหรบกำรทองชดหนำเวบทกลไกกำรทองทเหมอนกนในแตละหนำ จะตองมล ำดบกำรเขำถงแตละหนำในล ำดบทสมพนธกน แตละครงทใชงำน ยกเวนผใชเปนผเปลยนล ำดบกำรทองหนำเวบนนดวยตนเอง (ระดบ AA)
![Page 13: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/13.jpg)
Complex script – Simple Data
ผพการทางสายตา • นโนบาย 3G • ICT พรอมเขาส AEC • Free Wifi
ผเขาชมปกต
![Page 14: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/14.jpg)
Complex script – Simple Data
ผพการทางสายตา • หนาแรก • รจกกระทรวง - เกยวกบกระทรวง - เกยวกบส านกปลดกระทรวง - รจกผบรหาร
ผเขาชมปกต
![Page 15: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/15.jpg)
Web Accessibility www.achecker.ca
![Page 16: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/16.jpg)
Web Accessibility Checker www.achecker.com
![Page 17: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/17.jpg)
Web Accessibility Checker www.achecker.com Result (Level AA)
![Page 18: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/18.jpg)
Web Accessibility Checker www.achecker.com Result (Level AAA)
![Page 19: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/19.jpg)
Security
![Page 20: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/20.jpg)
Front-End Back-End
Database Server
Administrator
Users
Hackers
![Page 21: Example](https://reader031.vdocuments.pub/reader031/viewer/2022030314/589b956e1a28abc0098b6f11/html5/thumbnails/21.jpg)
Back-End
Administrator
2 Level Securities Server Password
Admin Password + CAPTCHA