example

21
MICT Web Site Development

Upload: kulachesth

Post on 13-Apr-2017

87 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Example

MICT Web Site

Development

Page 2: Example

Web Accessibility : TWCAG2010

Page 3: Example

หลกการท 1 : รบรได

จดท ำสำรสนเทศและระบบตอประสำนกบผใช (User Interface) ในรปแบบทผใชสำมำรถรบรได

แนวทางท 1.1 ขอความทดแทน

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

Alt=“Smart People ศนยการเรยนร ICT ชมชม (ในภาพ คณครก าลงสอนเดกนกเรยนใชคอมพวเตอรในชมชน)”

Page 4: Example

แนวทางท 1.2 สอทก าหนดดวยเวลา

จดใหมขอควำมทดแทนส ำหรบสอทก ำหนดดวยเวลำ (ส ำหรบผพกำรทำงกำรไดยน)

อานค าบรรยายวดโอทงหมด

Page 5: Example

แนวทางท 1.3 ปรบเปลยนได

สรำงเนอหำทสำมำรถน ำเสนอไดหลำยรปแบบ (เชน กำรเปลยนรปแบบโครงรำงเอกสำร โดยไมสญเสยสำรสนเทศหรอโครงสรำงของเอกสำร)

1.3.2 ล าดบทมความหมาย

เมอล ำดบในกำรน ำเสนอเนอหำมผลกระทบตอควำมหมำย ผใชสำมำรถตดสนหรอเขำใจล ำดบกำรอำนทถกตองไดดวยวธทำงโปรแกรม (ระดบ A)

Page 6: Example

แนวทางท 1.4 แยกแยะได

ปรบขนาดขอความ ผใชสำมำรถปรบลดขนำดขอควำมไดอยำงนอยรอยละ 200 โดยไมตองใชเทคโนโลยสงอ ำนวยควำมสะดวกโดยไมสญเสยเนอหำหรอกำรท ำงำนของหนำเวบ ยกเวนส ำหรบค ำบรรยำยภำพและเสยงหรอภำพของขอควำม (ระดบ AA)

Page 7: Example

หลกการท 2 : ใชงานได องคประกอบของสวนตอประสำนกบผใช และระบบกำรทองเวบตองสำมำรถใชงำนได ผใชสำมำรถรบรได แนวทาง 2.1 เขาถงไดโดยแปนพมพ ผใชสำมำรถเขำถงทกกระบวนกำรใชงำนในหนำเวบไดดวยกำรใชแปนพมพเพยงอยำงเดยว

Page 8: Example

แนวทาง 2.2 เวลาทเพยงพอ ก ำหนดเวลำอยำงเพยงพอเพอใหผใชสำมำรถอำนและใชงำนเนอหำได

Page 9: Example

แนวทาง 2.3 อาการชก ไมสรำงเนอหำทกอใหเกดอำกำรชก (Seizure) ในหนำเวบตองไมมเนอหำสวนใดทกะพรบ 3 ครงหรอมำกกวำใน 1 วนำท หรอ กำรกะพรบนนต ำกวำขอก ำหนดต ำสดกำรกะพรบหรอกำรกะพรบของแสงสแดง (3 ครงตอวนำท) (ระดบ A)

Page 10: Example

แนวทาง 2.4 ทองหนาเวบได จดหำวธกำรใหผใชสำมำรถทองหนำเวบ คนหำเนอหำและทรำบวำตนเองอยต ำแหนงใดในเวบไซตได

Page 11: Example

หลกการท 3: เขาใจได สำรสนเทศและกำรใชงำนของสวนตอประสำน ผใชตองสำมำรถเขำใจได แนวทาง 3.1 สามารถอานได ผใชสำมำรถอำนและเขำใจเนอหำทเปนขอควำมได ไมควรใชค าทบศพท ยกเวนชอเฉพาะ หรอค าศพททางเทคนค

รมว.ทก. , ปทก. , รทก. , ทปษ.รมว.ทก.

Page 12: Example

แนวทางท 3.2 สามารถคาดเดาได หนำเวบปรำกฏและท ำงำนในลกษณะทผใชสำมำรถคำดเดำได กำรทองหนำเวบอยำงเปนระบบ – ส ำหรบกำรทองชดหนำเวบทกลไกกำรทองทเหมอนกนในแตละหนำ จะตองมล ำดบกำรเขำถงแตละหนำในล ำดบทสมพนธกน แตละครงทใชงำน ยกเวนผใชเปนผเปลยนล ำดบกำรทองหนำเวบนนดวยตนเอง (ระดบ AA)

Page 13: Example

Complex script – Simple Data

ผพการทางสายตา • นโนบาย 3G • ICT พรอมเขาส AEC • Free Wifi

ผเขาชมปกต

Page 14: Example

Complex script – Simple Data

ผพการทางสายตา • หนาแรก • รจกกระทรวง - เกยวกบกระทรวง - เกยวกบส านกปลดกระทรวง - รจกผบรหาร

ผเขาชมปกต

Page 15: Example

Web Accessibility www.achecker.ca

Page 16: Example

Web Accessibility Checker www.achecker.com

Page 17: Example

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

Page 18: Example

Web Accessibility Checker www.achecker.com Result (Level AAA)

Page 19: Example

Security

Page 20: Example

Front-End Back-End

Database Server

Administrator

Users

Hackers

Page 21: Example

Back-End

Administrator

2 Level Securities Server Password

Admin Password + CAPTCHA