K.M. การเผยแพรความร �แก บุ�คลากรในหนวยงาน

เอกสารประกอบรายงานการประชุ�มข้�าราชุการ ส�าน�กงานสรรพสาม�ตพ��นที่��อ�บลราชุธาน� คร��งที่��

11/2556 เม��อวั�นศุ�กร! ที่�� 29 พฤศุจิ�กายน 2556

ณ ห้�องประชุ�ม ห้น�าห้�องฝ่'ายปราบปราม ชุ��น 2ส�าน�กงานสรรพสาม�ตพ��นที่��อ�บลราชุธาน�..

K.M.11

ฝึ�กอบุรม หล�กสู ตร การพ�ฒนาเว�บุไซต ที่"#ที่�กคนเข้�า ถึ&งได้�สู(าหร�บุผ �ด้ แลระบุบุ

โดย... นายศุ�กดา ส�ห้งษา เจิ�าพน�กงานสรรพสาม�ตชุ�านาญงาน

ระห้วั,างวั�นที่�� 4 - 8 พฤศุจิ�กายน 2556

เวัลา 08.00-16.00 น. ณ ห้�องปฏิ�บ�ต�การ

คอมพ�วัเตอร! คณะวั�ที่ยาการคอมพ�วัเตอร!

อาคาร 42 ศุ.นย!ภาษาและคอมพ�วัเตอร!

มห้าวั�ที่ยาล�ยราชุภ�ฏิ อ�บลราชุธาน�

จิ�งห้วั�ดอ�บลราชุธาน�

...หล�กการและเหต�ผล...

ในปั+จจ�บุ�นการเผยแพรข้�อม ลข้าวสูาร การให� บุร-การข้องภาคร�ฐและเอกชนผานเว�บุไซต กลายเปั1น

ชองที่างที่"#ม"ความสู(าค�ญและได้�ร�บุความน-ยมอยาง แพรหลาย เน3#องจากไมม"ข้�อจ(าก�ด้ในเร3#องเวลาและ

ระยะที่างปัระกอบุก�บุความก�าวหน�าที่างเที่คโนโลย" ที่(าให�การพ�ฒนาเว�บุไซต กลายเปั1นเร3#องงายที่"#ใครๆ ก�

ที่(าได้� สูงผลให�ปั+จจ�บุ�นม"เว�บุไซต เก-ด้ข้&6นเปั1นจ(านวน มาก แตที่วาเว�บุไซต เหลาน�6นย�งคงถึ กออกแบุบุมาเพ3#อ

คนที่�#วไปัที่"#ไมได้�ม"ข้�อจ(าก�ด้ในการปัฏิ-บุ�ต-ก-จกรรมใน ช"ว-ตปัระจ(าว�น

“การพ�ฒนาเว�บุไซต ที่"#เร"ยกวา Web Accessibility”จ&งถึ กหย-บุยกข้&6นเปั1นปัระเด้�นเพ3#อเปั1นแนวที่างในการพ�ฒนาเว�บุไซต ให�สูอด้คล�องก�บุ

การเข้�าถึ&งสูารสูนเที่ศที่"#เที่าเที่"ยมและที่�#วถึ&ง สูามารถึให�บุร-การข้�อม ลข้าวสูารที่"#อ(านวยความสูะด้วกให�ก�บุคน

พ-การ ซ&#งผ �ที่"#พ�ฒนาเว�บุจะต�องม"แนวที่างในการ พ�ฒนาที่"#ตรงก�น เพ3#ออ(านวยความสูะด้วกในการเข้�าถึ&ง

ข้�อม ลข้าวสูาร ให�คนพ-การสูามารถึใช�บุร-การ โด้ยจะ ค(าน&งถึ&งความพ-การในที่�กๆ ด้�าน

เป1นแนวัที่างการพ�ฒนาเวั3บไซต!ที่��ที่�กคนเข้�าถึ7งได� สามารถึใชุ�งานและเข้�าใจิเน��อห้า โดยรายละเอ�ยดภายใน

มาตรฐานเป1นส,วันที่��ม�ควัามส�าค�ญส�าห้ร�บน�กออกแบบและ พ�ฒนาเวั3บไซต! ซ7�งอ�างอ�งจิากมาตรฐานสากล WCAG 2.0

ประกอบไปด�วัยข้�อแนะน�า การพ�ฒนาและเง��อนไข้ที่��สามารถึระบ�ได�วั,าห้น�าเวั3บไซต!น��นได�ที่�าตามข้�อแนะน�าอย,างถึ.กต�อง

หล�กการพ�ฒนาเว�บุไซต ที่"#ที่�กคนเข้�าถึ&งได้�TWCAG 2010 (Thai Web Content Accessibility

Guidelines 2010)

แนวที่างที่"#เหมาะสูมสู(าหร�บุการพ�ฒนาน(าเสูนอเน36อหา และข้�อม ลข้องเว�บุไซต ม" 4 หล�ก

การ ด้�งน"6 1. สามารถึร�บร. �ได� (Perceivable) 2. สามารถึใชุ�งานได� (Operable) 3. สามารถึเข้�าใจิได� (Understandable) 4. คงที่นต,อควัามเปล��ยนแปลง (Robust)

1. สูามารถึร�บุร �ได้�(Perceivable)- จิ�ดให้�ม�ข้�อควัามที่ดแที่นส�าห้ร�บเน��อห้าที่��ไม,ใชุ,ข้�อควัามเพ��อให้�สามารถึเปล��ยนไปส., ร.ปแบบข้�อม.ลอ��นๆ เพ��อตอบสนองต,อควัามต�องการที่��ห้ลากห้ลายได� เชุ,น ต�วัห้น�งส�อข้นาดให้ญ, (Large Print) ค�าพ.ด อ�กษรเบลล! ส�ญล�กษณ!ห้ร�อภาษาที่�� ง,ายข้7�น - จิ�ดให้�ม�ข้�อควัามที่ดแที่นส�าห้ร�บส��อที่��ก�าห้นดด�วัยเวัลา (Time - Based Media) - สร�างเน��อห้าที่��สามารถึน�าเสนอได�ห้ลายร.ปแบบ เชุ,น การเปล��ยนร.ปแบบโครงร,าง เอกสาร (Layout) โดยไม,ส.ญเส�ยสารสนเที่ศุห้ร�อโครงสร�างข้องเอกสาร- จิ�ดที่�าเน��อห้าเพ��อให้�ผู้.�ใชุ�สามารถึเห้3นห้ร�อได�ย�นเน��อห้าได�ชุ�ดเจิน รวัมที่��งการแยก ควัามแตกต,างข้องส�พ��นห้น�าและพ��นห้ล�ง

2. สูามารถึใช�งานได้� (Operable)- ผู้.�ใชุ�สามารถึเข้�าถึ7งที่�กส,วันและการใชุ�งานใน

ห้น�าเวั3บไซต!ได�ด�วัยการใชุ� แป=นพ�มพ!เพ�ยงอย,างเด�ยวั- ก�าห้นดเวัลาอย,างเพ�ยงพอเพ��อให้�ผู้.�สามารถึอ,านและใชุ�งานเน��อห้าได�- ไม,สร�างเน��อห้าที่��ก,อให้�เก�ดอาการชุ�ก (Seizure)

- จิ�ดห้าวั�ธ�การให้�ผู้.�ใชุ�สามารถึที่,องห้น�าเวั3บ ค�นห้าเน��อห้าและที่ราบวั,า

ตนเองอย.,ต�าแห้น,งใดในเวั3บไซต!ได�

3. สูามารถึเข้�าใจได้�(Understandable)- ผู้.�ใชุ�สามารถึอ,านและเข้�าใจิเน��อห้าที่��เป1นข้�อควัามได�- ห้น�าเวั3บปรากฏิและที่�างานในล�กษณะที่��ผู้.�ใชุ�สามารถึคาดเดาได�- ชุ,วัยให้�ผู้.�ใชุ�ห้ล�กเล��ยงควัามผู้�ดพลาดและแนะน�าวั�ธ�แก�ป>ญห้า

4. คงที่นตอความเปัล"#ยนแปัลง(Robust)- เพ��มควัามสามารถึในการรองร�บเที่คโนโลย�เวั3บ

ต,างๆ ที่��ห้ลากห้ลายที่��งในป>จิจิ�บ�นและอนาคตได�

... จ บุ ก า ร น(า เ สู น อ...