Slide: Web Accessibility - BarCamp Bangkok 2008

ตอนแรกเอารวมไว้ในบล็อกก่อนหน้านี้ แต่คิดว่าน่าจะแยกออกมา เผื่อมีใครสนใจจะได้หาเจอง่ายหน่อย

-----
สไลด์ที่ผมนำเสนอในงาน BarCamp Bangkok 2008 หัวข้อ Web Accessibility (อัพโหลดไว้ที่ slideshare.net)

-----

technorati tags: BarCampBangkok, Web Accessibility

Poakpong's Blog | Add New Comments

Web Standard, W3C, XHTML, CSS !!

ทำไมต้องผ่านมาตรฐาน W3C ?

ในฐานะคนดูเว็บไซต์ ....

ความจริงแล้วคนที่ต้องการใช้งานเว็บไซต์ที่ผ่านมาตรฐานมีน้อยมาก ถ้าเทียบกับจำนวนประชากรที่เข้าถึงอินเตอร์เนต/เว็บไซต์ ซึ่งก็คือคนตาบอด หรือคนที่มีอุปสรรคในการมองเห็น แต่ทำอย่างไรให้คนส่วนน้อยเหล่านี้ สามารถเข้าถึงและให้โปรแกรมช่วยอ่าน (Screen Reader) สามารถอ่านได้ทุกอย่างบนหน้าจอ ไม่ว่าจะเป็นข้อความหรือรูปภาพ

และประโยชน์ด้านอื่นกับคนสายตาดีทั่วไป ก็จะสามารถที่จะใช้เบราว์เซอร์อะไรก็ได้ ในการเปิดดูข้อมูลในเว็บไซต์ที่เราจัดทำขึ้น เพราะมันจะแสดงผลได้เหมือนกันในทุกเบราว์เซอร์

ในฐานะคนทำเว็บไซต์ ....

อืม... ไม่รู้เหมือนกันแฮะ ก็แค่เว็บไซต์เราผ่านมาตรฐานด้วยนะเว้ย เท่ว่ะ ^^

ทดสอบ:
- XHTML Validation
- CSS Validation

ข้อมูลเพิ่มเติม:
- The World Wide Web Consortium
- Web Standard (thaicss.com - ภาษาไทย)

Poakpong's Blog | Add New Comments

ในห้วงเวลาสัปดาห์ที่ผ่านมา

ช่วงนี้กำลังทำโครงการ BLOGservice ขึ้นมาเล่นๆ บวกกับได้รับการอนุเคราะห์ให้ลองใช้ host ฟรี ตอนนี้เลยวุ่นๆ กะโครงการพิเศษนิดหน่อย และเร็วๆ นี้จะมีเปิดตัวเว็บที่ไปรับทำกะเค้าอีก 2 เว็บ ความคืบหน้าจะมาโพสในหน้า about อีกรอบนึง

เมื่อวันจันทร์ไปติดต่อธุระที่กระทรวงสาธารณสุข ตอน 10.00-12.00 ขากลับไปทำงาน ฝนตกปรอยๆ แต่พอมาได้กลางทางฝนกลับตกหนักขึ้น จนทำให้ต้องเบี่ยงเบนเป้าหมายกลับมาตั้งหลักที่บ้านก่อน - เนื่องจากว่าทุกอนุในร่างกายเปียกชุ่มไปด้วยน้ำ - กว่าจะออกไปทำงานอีกรอบก็ปาเข้าไป 5 โมง ไหนใครนะบอกว่า อากาศช่วงนี้มีฝนแค่ประมาณ 20-30% ไงล่ะ -_-!!

...

ได้อ่านเจอบทความน่าสนใจเกี่ยวกับคนที่สนใจทำเว็บไซต์โดยเฉพาะ ยิ่งผมเป็นคนหนึ่งที่ไม่ได้ใช้ IE เป็นหลักในการชมเว็บซะด้วยยิ่งน่าสนใจยิ่งขึ้น จากเว็บของ isriya.com มี link ของเอกสาร สไลด์การพัฒนาเว็บให้อ่านได้ทุกเบราเซอร์ (pdf) นี้อยู่ เนื้อหาบางส่วนมีดังนี้

ข้อแนะนำในการเขียนเว็บให้อ่านได้ทุกเบราว์เซอร์

อย่าเช็คว่าเป็นเบราว์เซอร์อะไร แล้วปฏิเสธถ้าไม่ใช่เวอร์ชั่นที่ตั้งใจ
ใส่ เสมอ
- ใช้ TIS-620 หรือ UTF-8 ก็ได้ เป็น charset ที่จดทะเบียนกับ IANA
- ISO-8859-11 ก็ได้ แต่ยังไม่ได้จดทะเบียน IANA
- ไม่ควรใช้ Windows-874 เพราะไม่ได้จดทะเบียนกับ IANA แต่เบราว์เซอร์ทั่วไปน่าจะรู้จัก
อย่าใช้ VBScript หรือ ActiveX ให้ใช้ JavaScript และ Java ซึ่งใช้ได้ทุกเบราว์เซอร์
เวลาเขียน เช็คว่า HTML tag, CSS property และ JavaScript ที่ใช้ทำงานได้ถูกต้องในเบราว์เซอร์ใดบ้าง อาจตรวจสอบได้ที่ HTML/CSS reference ที่ www.w3schools.com
อย่าใช้ pop-up เพราะจะถูก block โดย pop-up blocker ซึ่ง built-in ใน Firefox และ Opera และ IE ก็ลงเพิ่มเติมได้
อาจใช้ CSS Hack เพื่อให้เขียนบาง rule ที่ทำงานเฉพาะเบราว์เซอร์
ทดสอบกับเบราว์เซอร์หลายๆ ตัว อย่างน้อย IE กับ Firefox หรือรวมถึง Opera และ Konquerer/Safari
บางครั้งอาจเป็นไปไม่ได้ที่จะให้เป็นเหมือนกันทุกเบราว์เซอร์ แต่ควรทำให้ใช้งานและอ่านได้ทุกเบราว์เซอร์
การเขียนเว็บให้ดูได้ cross-browser ทำให้ยุ่งยากขึ้น แต่คุ้มเพราะเป็นการเพิ่มผู้เข้าชม ไม่ว่าจากผู้ใช้ Firefox, Linux หรือ MacOSX
หน่วยงานที่ต้องเขียนให้ cross-browser คือหน่วยงานสาธารณะ มิฉะนั้น จะเป็นการกีดกันการเข้าถึงข้อมูลสาธารณะ

ActiveX

เนื่องจากการทำงานด้านหลังของ IE และ Firefox แตกต่างกันในบางส่วนคือ Firefox จะไม่มีคำสั่ง ActiveX ในการควบคุม JavaScript ที่ทีมงานใช้ในการเขียนโปรแกรมในส่วนนี้ ซึ่งตัวนี้เองเป็นตัวที่ทำให้ Firefox ทำงานได้เร็วกว่า IE เพราะเวลาเปิดหน้าหนึ่งๆ ขึ้นมา IE จะทำการ scan หน้านั้นๆ ก่อนแล้วค่อยแสดงผล แต่ Firefox จะแสดงผลเลยไม่มีการ scan กว่าว่าหน้านั้นๆ มีการเรียก Function ActiveX ด้วยหรือไม่ ซึ่งตรงนี้เป็นข้อจำกัดของ Firefox เอง

หากทำให้สนับสนุน Firefox IE ก็ไม่สามารถใช้ Function บางส่วนที่มีประสิทธิภาพมากกว่า Firefox

...

วันเสาร์ที่ผ่านมาได้ไปร่วมลงชื่อถอดถอนกะเค้ามาด้วย บรรยากาศหลังฝนตกปรอยๆ มีคนพลุกพล่านพอสมควร ณ ตอนที่ไปรวมลงชื่อน้องๆ ที่เค้ารับลงทะเบียนบอกว่า ได้รายชื่อแล้วประมาณกว่า 25,000 - เร็วเหมือนกันนะ - สำหรับคนที่ยังไม่ได้ร่วมกิจกรรมนี้ ก็สามารถอ่านเพิ่มเติมได้ที่ blog นี้ หรือเว็บ tuthaprajan.org

...

เหมือนจำได้ว่า เคยบอกกับคนรู้จักว่าจะแนะนำการเขียน script php เบื้องต้น แต่ยังไม่ได้ทำเลย ติดเอาไว้ก่อนนะครับ อย่าเพิ่งน้อยใจนะครับ เดี๋ยวจัดการให้(ถ้าว่าง) :p

Poakpong's Blog | Add New Comments

สองขั้วระหว่างมาตรฐานกับความชอบ

ก่อนหน้านี้เคยเขียนถึงความเป็นมาตรฐานของการทำเว็บไซต์ (W3C) มาแล้วครั้งหนึ่ง แต่จากการได้ลองทำให้เป็นมาตรฐาน (ก่อนหน้านี้ ทำตามความรู้ที่เคยทำมาไม่สนใจมาตรฐานเลย) มันทำให้เห็นถึงข้อจำกัดบางอย่างที่ความเป็นมาตรฐานไม่สามารถแสดงผลได้ อันนี้คงต้องทำใจ เช่น ขนาดตัวอักษร สี (ในบางส่วน) เมื่อเรากำหนดรูปแบบเอกสารของเว็บไซต์ การแสดงผลจะแตกต่างจากเดิมทันที ทั้งที่คำสั่งต่างๆ ยังอยู่เหมือนเดิม

มันก็เลยกลายเป็นว่าเราต้องเอารูปแบบเอกสารออกไป เพื่อให้การแสดงผลได้ตามที่เราต้องการ มันก็คงต้องดูเป็นเฉพาะกรณีกันไปว่าเว็บไซต์ที่ทำนั้น กลุ่มเป้าหมายจริงๆ ที่เข้ามาใช้บริการเว็บไซต์ ต้องการความเป็นมาตรฐานหรือไม่

จากคำว่ามาตรฐาน มาพูดถึงคำว่าสไตล์กันบ้างดีกว่า เมื่อเร็วๆ นี้ได้รับความไว้วางใจให้ดูแลเว็บไซต์อยู่อันหนึ่ง ก่อนหน้านี้เค้าให้บริษัทหนึ่งเป็นผู้บริหารและดูแลในการนำเสนอ ตอนนี้เค้าหมดสัญญากัน เราเลยได้รับดูแลต่อ แต่เนื่องจากสไตล์การทำงาน (การเขียนข้อมูล การเชื่อมโยง การสร้างทางลัด ฯลฯ) ส่วนใหญ่จะไม่ค่อยเหมือนกัน ทำให้ต้องศึกษารูปแบบการทำงานของเค้าพอสมควร ... คงต้องใช้เวลาสักพักในการแกะ อิ อิ

...

ช่วงนี้ดูทีวีแล้วรู้สึกหงุดหงิด ไม่รู้มันเอารายการอะไรมาให้ดูบ้าง ไม่ค่อยสนุกเลย (ไม่นับพวกรายการที่จะขายความสนุกโดยเฉพาะ อันนี้ไม่นับ) ดูไปดูมาความรู้มันน้อยลงทุกวัน (ไม่นับพวกรายการสาระคดีนะ เพราะมันต้องให้ความรู้อยู่แล้ว) มีแต่ข่าวสาร สาระ ที่ไม่ค่อยประเทืองปัญญา สักเท่าไหร่

ล่าสุดไปอ่านเว็บของคุณ Isriya เลยเอามาฉายซ้ำให้ดูอีกทีละกัน

ยุคสิ้นปี 2005 ที่สื่อกลายเป็นพวกนายก, ไทยรัฐมีแต่ข่าวถูกหวย, ผู้จัดการเสียสติ, สรยุทธหันไปเล่นแต่ข่าวชาวบ้านกับลิเวอร์พูล, adayweekly ทะเลาะกันเองปิดตัว, pantip มีแต่ troll etc. เราไม่มีทางเลือกในการเสพสื่อเลยหรือ?

แล้วคุณที่หลงเข้ามาอ่านบล๊อกนี้ รู้สึกยังไงกันบ้าง ?

Poakpong's Blog | Add New Comments

ความเป็นมาตรฐานในโลก CYBER

คุณเคยคิดมั้ยว่าเว็บไซต์หรืออินเตอร์เนตที่เราเปิดดูอยู่ทุกเมื่อเชื่อวันนั้น มีระบบมาตรฐานกลางด้วย จริงๆมันมีมานานแล้วตั้งแต่ปี 1994 โดยมิสเตอร์ทีม เบอร์เนร์ส-ลี (Tim Berners-Lee) และคณะ โดยมีความเห็นว่าควรจะมีมาตรฐานสำหรับเทคโนโลยีด้านเว็บไซต์ โดยเบอร์เนร์ส-ลี สนใจในเรื่องเกี่ยวกับเวิร์ล ไวด์ เว็บ ตั้งแต่ปี 1989 ในระหว่างที่เขาทำงานร่วมกับ European Organization for Nuclear Research (CERN)

ทำไมต้องมาเขียนเรื่องมาตรฐานเว็บไซต์ จริงอยู่สำหรับคนที่สายตาปกติ ผู้สร้างสรรเว็บไซต์สร้างภาพจะออกมาอย่างไร ก็สามารถสื่อสารกับผู้ชมได้ทุกอย่าง แต่สำหรับผู้ที่มีความบกพร่องทางสายตาจำเป็นต้องใช้โปรแกรมช่วยในการอ่านหน้าจอคอมพิวเตอร์ มาตรฐานเป็นสิ่งสำคัญที่จะช่วยให้โปรแกรมอ่านข้อมูลได้อย่างครบถ้วน

โปรแกรมสำหรับอ่านหน้าจอคอมพิวเตอร์ (Screen reader) เช่น

ASAW from Microtalk: (DOS/95/98/ME) SPE
HAL from Dolphin: (DOS/95/98/ME/NT) SPE and BRA
JAWS For Windows from Freedom Scientific: (DOS/95/98/ME/NT) SPE and BRA
Lookout from Choice Technology: (95/98/ME)
OutSpoken from Alva: (95/98/ME/Macintosh) SPE and BRA -- มีสำหรับ Mac ด้วยอ่ะ :D
Screenreader/2 from IBM: (OS/2) SPE and BRA
Simply Talker from Econonet: (95/98/ME) SPE
Slimware Window Bridge from Synthavoice: (DOS/3.x/95/98/ME) SPE and BRA
Virgo from Baum: (most information in German, some also in french, russian and english)
Window-Eyes from GWMicro: (DOS/3.x/95/98/ME) SPE and BRA
Winkline from Speech Systems for the Blind: (DOS/3.x/95/NT) (May be obsolete)
WinVision from Artic: (3.x/95/98/ME) SPE

อธิบายเพิ่มเติม : DOS = DOS3.1/95/98/ME = ระบบปฏิบัติการ Windows เวอร์ชั่นต่างๆ, OS/2 = ระบบปฏิบัติการของ IBM, SPE = สามารถให้อ่านหน้าจอได้, BRA = แสดงผลเป็นอักษรเบรลล์ผ่านเครื่องอ่านได้

ข้ามมาถึงเรื่องหน้าตาเว็บไซต์ที่ได้มาตรฐานกันบ้างดีกว่า มีหลายคนบอกว่าเว็บที่ได้มาตรฐานจะไม่ส่วยกราฟฟิตเชย แต่ถ้าเว็บเท่ๆ กราฟฟิตเยอะๆ จะไม่ค่อยมีมาตรฐาน อันนี้เรามาดูกันบ้างดีกว่า ยกตัวอย่างจากเว็บไซต์เมืองนอกและเมืองไทย(เล็กน้อย) ดูซิว่าผลที่ได้เป็นยังไงกันบ้าง

banner w3c

รัฐบาลอังกฤษ --- ผ่านมาตรฐาน
รัฐบาลอิตาลี --- ผ่านมาตรฐาน
รัฐบาลสหรัฐฯ --- ไม่ผ่านมาตรฐาน
รัฐบาลฝรั่งเศส --- เกือบผ่าน
รัฐบาลญี่ปุ่น --- ระบบไม่สามารถตรวจเช็คได้
รัฐบาลสเปน --- ระบบไม่สามารถตรวจเช็คได้
รัฐบาลไทย --- ระบบไม่สามารถตรวจเช็คได้
แอปเปิ้ลคอมพิวเตอร์ --- เกือบผ่าน
มูลนิธิโมซิลล่า --- เกือบผ่าน
ไมโครซอร์ฟคอมพิวเตอร์ --- ผ่านมาตรฐาน
ข่าวจาก Yahoo! --- ไม่ผ่านมาตรฐาน
ข่าวจาก Google --- ไม่ผ่านมาตรฐาน
ข่าวจาก New York Times --- ไม่ผ่านมาตรฐาน
ข่าวจาก Reuters --- ไม่ผ่านมาตรฐาน
ข่าวจาก AFP --- เกือบผ่าน
ข่าวจาก BangkokPost --- ไม่ผ่านมาตรฐาน

สมาคมเว็บมาสเตอร์แห่งประเทศไทย --- ระบบไม่สามารถตรวจเช็คได้
เว็บไซต์เว็บมาสเตอร์โลก --- เกือบผ่าน
เว็บไซต์แห่งนี้ --- ไม่ผ่านมาตรฐาน (แหะๆ)
แต่ เว็บไซต์สมาคมคนตาบอดฯ demo version --- ผ่านมาตรฐานนะก๊าบ... (ผมก็ทำได้นะ)

โอ้ว... เขียนมาซะยืดยาวจะงงกันมั้ยเนี่ย เอาเป็นว่าเราควรจะรณรงค์ให้กับเว็บมาสเตอร์/เว็บโปรแกรมเมอร์/และเว็บดีไซน์เนอร์ รุ่นใหม่ให้ออกแบบเว็บไซต์ให้เป็นไปตามมาตรฐานสากล แต่สำหรับเว็บที่ใช้งานกันอยู่แล้ว ถ้าจะให้เค้าไปแก้ไขก็คงจะลำบาก - ยกตัวอย่างเว็บแห่งนี้ ตอนแรกก็จะพยายามแก้ให้ได้ได้มาตรฐานซะหน่อย แต่มันทำได้ยากมาก เมื่อทำเสร็จหน้าตามันจะไม่เหมือนเดิม :p - สามารถหาข้อมูลเพิ่มเติมเรื่องนี้ได้จาก World Wide Web Consortium (W3C) www.w3.org

...

ปล.วันก่อนไปสมัครใช้บริการ e-internet ของธนาคารกสิกรไทย ได้ผลยังไงแล้วจะมาเขียนให้อ่าน :)

Poakpong's Blog | Add New Comments

ถัดไป » . ท้ายสุด →