SlideShare a Scribd company logo
1 of 32
การพัฒนา​เว็บไซต์ที่สะดวก​ใน​การ​เข้า​ถึง ​ ตามมาตรฐาน​  Web Accessibility  บุญเลิศ อรุณพิบูลย์ ศูนย์บริการ ความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ [email_address] http://www.stks.or.th
Web Accessibility ,[object Object],[object Object],[object Object]
ผลที่ได้จาก  Web Accessibility ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
กลุ่มผู้พิการ ,[object Object],[object Object],[object Object],[object Object]
กลุ่มผู้พิการทางการเห็น ,[object Object]
ฟอนต์ที่ควรเลือกใช้ คือ ?
Alternate Text
Alternate Text ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
สิ่งที่ไม่ควรทำ ,[object Object],[object Object],[object Object],[object Object]
Empty Alt (alt=“”) ,[object Object],[object Object],[object Object]
Long Description ,[object Object],[object Object],[object Object],คำนึงถึง  Thai Encoding  & Decoding  ด้วย
คำอธิบายแบบยาว  Long Description
Alt  สำหรับ  Flash ,[object Object],[object Object]
สีนั้นสำคัญไฉน  ? ,[object Object]
สีนั้นสำคัญไฉน  ? http :// www . accesskeys . org / tools / color - contrast . html
การลงรหัสที่ ไม่ถูกต้อง ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
การลงรหัสที่ถูกต้อง ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
สร้างเอกสาร  HTML  ที่ได้มาตรฐาน ,[object Object]
ระบุภาษาให้ชัดเจน ,[object Object],[object Object],[object Object]
กำกับคำย่อ ,[object Object],[object Object]
ระบุ  id  ให้กับหัวเรื่องตาราง
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
กลุ่มผู้พิการทางการได้ยิน ,[object Object],[object Object]
Captions ,[object Object],Movie Caption
ระบุ  Shortcut Key
ลำดับการเลื่อนใน แบบฟอร์ม
Automated validators ,[object Object]

More Related Content

Viewers also liked (12)

Social Networking based-on Web 2.0
Social Networking based-onWeb 2.0Social Networking based-onWeb 2.0
Social Networking based-on Web 2.0
 
MOU-art-hic-chula-stks-nstda
MOU-art-hic-chula-stks-nstdaMOU-art-hic-chula-stks-nstda
MOU-art-hic-chula-stks-nstda
 
Computer Plan at Cambodia
Computer Plan at CambodiaComputer Plan at Cambodia
Computer Plan at Cambodia
 
Open Source for Library
Open Source for LibraryOpen Source for Library
Open Source for Library
 
ICT Law
ICT LawICT Law
ICT Law
 
OpenOffice.org 2.0
OpenOffice.org 2.0OpenOffice.org 2.0
OpenOffice.org 2.0
 
Illustration
IllustrationIllustration
Illustration
 
Reference Manager ต่อยอดงานวิจัย
Reference Manager ต่อยอดงานวิจัยReference Manager ต่อยอดงานวิจัย
Reference Manager ต่อยอดงานวิจัย
 
GIMP
GIMPGIMP
GIMP
 
Greenstone Installation
Greenstone InstallationGreenstone Installation
Greenstone Installation
 
Audacity
AudacityAudacity
Audacity
 
e-Office with digital document
e-Office with digital documente-Office with digital document
e-Office with digital document
 

Similar to Web Accessibility Coding

การสอนเขียนHtml
การสอนเขียนHtmlการสอนเขียนHtml
การสอนเขียนHtmlchukiat008
 
รายงาน
รายงานรายงาน
รายงานkongdang
 
รายงาน
รายงานรายงาน
รายงานpim1122
 
รายงาน
รายงานรายงาน
รายงานpim1122
 
รายงาน เรื่อง css
รายงาน เรื่อง cssรายงาน เรื่อง css
รายงาน เรื่อง cssnongnan
 
รายงาน
รายงานรายงาน
รายงานnoopim
 
รายงาน
รายงานรายงาน
รายงานkongdang
 
Session1 part3
Session1 part3Session1 part3
Session1 part3maovkh
 
Session1 part3
Session1 part3Session1 part3
Session1 part3banputer
 
KMUTNB - Internet Programming 7/7
KMUTNB - Internet Programming 7/7KMUTNB - Internet Programming 7/7
KMUTNB - Internet Programming 7/7phuphax
 
ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์Nichakorn Sengsui
 
เริ่มต้นกับ PHP
เริ่มต้นกับ PHPเริ่มต้นกับ PHP
เริ่มต้นกับ PHPEKNARIN
 
Session3 part2
Session3 part2Session3 part2
Session3 part2banputer
 
Session1 part2
Session1 part2Session1 part2
Session1 part2maovkh
 
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์chiton2535
 

Similar to Web Accessibility Coding (20)

HTML
HTMLHTML
HTML
 
การสอนเขียนHtml
การสอนเขียนHtmlการสอนเขียนHtml
การสอนเขียนHtml
 
Php week 2
Php week 2Php week 2
Php week 2
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน เรื่อง css
รายงาน เรื่อง cssรายงาน เรื่อง css
รายงาน เรื่อง css
 
รายงาน
รายงานรายงาน
รายงาน
 
รายงาน
รายงานรายงาน
รายงาน
 
Session1 part3
Session1 part3Session1 part3
Session1 part3
 
Session1 part3
Session1 part3Session1 part3
Session1 part3
 
KMUTNB - Internet Programming 7/7
KMUTNB - Internet Programming 7/7KMUTNB - Internet Programming 7/7
KMUTNB - Internet Programming 7/7
 
ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์ภาษาในการพัฒนาเว็บไซต์
ภาษาในการพัฒนาเว็บไซต์
 
เริ่มต้นกับ PHP
เริ่มต้นกับ PHPเริ่มต้นกับ PHP
เริ่มต้นกับ PHP
 
Session3 part2
Session3 part2Session3 part2
Session3 part2
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Session1 part2
Session1 part2Session1 part2
Session1 part2
 
Cai html
Cai htmlCai html
Cai html
 
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
 

More from Boonlert Aroonpiboon (20)

Excel quiz
Excel quizExcel quiz
Excel quiz
 
Scival for Research Performance
Scival for Research PerformanceScival for Research Performance
Scival for Research Performance
 
20190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-420190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-4
 
20190409 social-media-backup
20190409 social-media-backup20190409 social-media-backup
20190409 social-media-backup
 
20190220 open-library
20190220 open-library20190220 open-library
20190220 open-library
 
20190220 digital-archives
20190220 digital-archives20190220 digital-archives
20190220 digital-archives
 
OER KKU Library
OER KKU LibraryOER KKU Library
OER KKU Library
 
Museum digital-code
Museum digital-codeMuseum digital-code
Museum digital-code
 
OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 

Web Accessibility Coding