เมื่อคืนก่อนเห็น @iannnnn ทวีทวิธีแกล้งคนที่ใช้ IE 6 อ่านดูแล้วดูออกแนวโหดร้าย ฮา.. เลยนึงถึงแคมเปญน์ Save The Developer  (เว็บไซต์หลัก savethedevelopers.org คลิกเข้าไปมันเปลี่ยนทางไปที่ดาวน์โหลด IE 7) เลยค้นหาแบนเนอร์มาติดสักหน่อยดีกว่า

เลยได้ออกมาอย่างที่(คนที่ใช้ IE 6 เท่านั้น ถึงจะ)เห็นกัน เอาแบนเนอร์เค้ามาดัดแปลงใส่คำภาษาไทยเข้าไป น่าจะเข้าใจง่ายขึ้น พอคลิกเข้าไปในแบนเนอร์ก็มีคำอธิบายแบบยาว

มาช่วยกันเลิกใช้ IE 6 นะครับ เพื่อช่วยให้นักพัฒนาเว็บทำงานได้สะดวกขึ้น ;)

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

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

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

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

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

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

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

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

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

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

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

...

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

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

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

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

คุณเคยคิดมั้ยว่าเว็บไซต์หรืออินเตอร์เนตที่เราเปิดดูอยู่ทุกเมื่อเชื่อวันนั้น มีระบบมาตรฐานกลางด้วย จริงๆมันมีมานานแล้วตั้งแต่ปี 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 = แสดงผลเป็นอักษรเบรลล์ผ่านเครื่องอ่านได้

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

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

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

...

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