Accessibility Links

  1. • ยกมือฉายไป ร่วมสร้าง Thai Web Standards

    โดย pornAntha เมื่อ 2008-08-30 11:14:44

    ความเดิม เมื่อตอนที่แล้ว

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

    คำตอบคือ ไม่มีให้ลองเล่น แต่ต้องทำกันจริงๆ จังๆ แล้วหละ เพราะเล่นกันมาสองปีแล้ว

    ก่อนหน้านี้ไม่นาน ผมได้ข่าวว่า เรื่อง Web Accessibility กำลังเป็นที่สนใจในกลุ่มคนทำเว็บของเมืองไทย ไม่ว่าจะเป็นกระทรวง ICT เอง หรือ กลุ่มคนที่จัดเสวนากันเรื่องนี้ สำหรับ Web Accessibility เป็นคนละเรื่องกับ Usability นะครับ อย่างเอามาปนกัน โดยเฉพาะเมพ Design ทั้งหลาย (ทุกวันนี้หมดยุค Designed บ้าพลังไปแล้ว) และไม่ใช่การเขียน CSS แต่เป็นการออกแบบการเข้าถึงอย่างสูงสุด ผมคงไม่พูดซ้ำว่าวิธีการมันเป็นอย่างไร และทำไมถึงต้องทำ เพราะว่ากันมาสองปีแล้ว

    เราต่างเคยอยู่ในยุคมืดของ Web Accessibility กันมาแล้ว ตอนนี้เริ่มจะเห็นเค้าลางของความสว่างกันบ้าง ก็อยากจะชวนมาช่วยกันทำให้มันสว่างเร็วกว่าเดิม

    บทนำ

    เป็นที่รู้กัน ว่าผมสอย Domain name http://www.thaiwebstandards.org มาไว้เมื่อหลายเดือนก่อน ทีแรกคิดจะเริ่มทำกันก่อนกับเพื่อนสองสามคน แต่เหตุการณ์บ้านเมืองมันวุ่นวายขายปลาแดก แล้วได้แต่รอให้มันสงบ แต่วันนี้มันโคตรจะวุ่นวายอยู่ แต่ช่างมัน เพราะฉะนั้น ไม่ต้องรอ เดี๋ยวมันจะไม่ได้ทำ อีกทั้งยังเห็นหลายคนสนใจอยากจะเข้าร่วม เราก็ขอสนองศรัทธา ไม่อยากให้พลังใจของท่านทั้งหลายหายไปกับความขี้เกียจของผม

    Tags:

    1. web standards
    2. ร่วมงาน
    3. ขอแรง

  2. • มาประกวด Web Accessibility กันเถอะครับ !!!

    โดย pornAntha เมื่อ 2008-08-04 21:51:13

    กระทรวง ICT ได้จัดการประกวดเว็บไซต์ืัที่ทุกคนเข้าถึงได้ (Web Accessibility) เพื่อส่งเสริมและเผยแพร่การพัฒนาเว็บไซต์ให้เป็นมาตรฐานและทุกคนเข้าถึงได้ ซึ่งผมมองว่าเป็นโครงการที่ดีมากเหมาะสำหรับบุคคลที่สนใจไม่ว่าจะเป็น Web Standard, XHTML, CSS ถ้าใครสนใจก็สามารถเข้าไปดาวน์โหลดรายละเอียดและข้อกำหนดต่าง ๆ ในการประกวดได้ที่ การประกวดเว็บไซต์ืัที่ทุกคนเข้าถึงได้ (Web Accessibility)

    จากที่ผมได้ลองดาวน์โหลดรายละเอียดมาอ่าน (จริง ๆ ลงทะเบียนไปเรียบร้อยแล้วด้วย :P) เลยรู้ว่าเงื่อนไขข้อกำหนดเกี่ยวกับผลงานที่ส่งนั้นเค้าก็ไม่ได้ fix อะไรมาก โดยรวมก็คือ ทำเว็บมา 1 เว็บหรือเป็นเว็บที่มีอยู่แล้วก็ได้ ยกตัวอย่างเช่น พี่พร กะ พี่รดิสสนใจก็นำเว็บ thaicss ไปส่งได้เลยแต่มีเงื่อนไขอยู่ว่า ต้องเป็นเว็บไซต์ที่ผ่านมาตรฐาน WCAG 2.0 level A ขึ้นไป และใ้ช้ XHTML 1.0 transitional ขึ้นไปด้วย หลัก ๆ ก็จะมีเท่านี้

    Tags:

    1. Web Accessibility
    2. wai
    3. semantics

  3. • เมื่อ Semantic กำลังใกล้เข้ามา (ภาค2)

    โดย radiz เมื่อ 2008-07-28 03:24:03

    จากครั้งก่อน ผมแนะนำสิ่งที่เรียกว่า Google-Apple Cloud ไปแล้ว เมื่อ Google มองการไกลถึงขนาดที่จะสร้าง Network ของ Super Computer (หรือ ที่เรียกว่า Cloud) วางไว้ทุกสารทิศทั่วโลกใบนี้ เพื่อเก็บข้อมูลทุก ๆ อย่าง เพื่อวาง Application ที่เราสามารถเข้าใช้ได้ทุกเมื่อ ซึ่งในอนาคตเราอาจจะไม่จำเป็นต้องมี Standalone PC อยู่ที่บ้านเพื่อทำงาน เราไม่จำเป็นต้องลง OS และ Software ต่าง ๆ มากมาย เพียงแต่เข้าไปใน Google ก็จะมีสิ่งต่าง ๆ ที่เราจำเป็นต้องใช้เตรียมพร้อมรออยู่ คุณผู้อ่านที่เป็นแฟน ๆ ของ Google App น่าจะทราบดีว่ามันมีเพิ่มมาทุกวัน ทุกวัน ให้เราได้เลือก ได้ลองใช้ ซึ่งผมคิดว่ามันเป็นของฟรีที่ดีเยี่ยมหลาย ๆ อย่าง

    ทีนี้เรามาดูกันว่า ทำไม Google ส่งผู้บริหารบางคน ไปอยู่ใน Board ของ Apple ทีนี้เรามามองดูกันว่า ทำไม Google ถึงอยากให้ Apple สร้าง Super Computer ให้ เพราะ Apple ขึ้นชื่อว่าเป็น บริษัทที่เข้าใจหลักกายภาพของ user มากที่สุด และ สามารถผลิตนวัตกรรมที่หักล้างสิ่งที่ใคร ๆ ต่างคิดว่า คงไม่มีใครจะทำมันได้ มาแล้วนักต่อนัก ผมเพิ่งถึงบางอ้อเมื่อไม่กี่สัปดาห์มานี้ (หลายท่านอ่านจะ อ้อ ก่อนผมมาหลายเดือนแล้วก็ได้) ว่าทำไมถึงมี iPhone และ ทำไมถึงมี MacBook Air ออกมา ผมคิดว่ามันเป็นอนาคต อนาคตอะไร อนาคตที่กำลังจะใกล้เข้ามา (อ้างอิงจาก บทความของ : Nicholas Carr) ถ้าสิ่งต่าง ๆ ที่ว่ามานี้เกิดขึ้นจริง นั่นหมายความว่า MacBook Air และ iPhone นั้นอาจจะทำมาเพื่อรอ Project นี้ก็ได้เป็นแน่แท้ เราไม่ต้องการอุปกรณ์อะไรมากมายอีก เพียงแค่อุปกรณ์สำหรับ Access เข้าไปยัง Account ที่เรามีอยู่ของ Google ไม่ต้องมีรูปร่างใหญ่มาก พกพาสะดวกสบาย ที่เก็บข้อมูลก็ไม่จำเป็นต้องมีมากนัก เพราะว่าเรามีพื้นที่อยู่ในอากาศอยู่แล้ว เพียงแต่จ่ายค่าบริการรายเดือนเท่านั้นเอง ต่อไปพวก Computer ที่เป็น Standalone และ มีอุปกรณ์ และ Sofware ที่เพียบพร้อมนั้นอาจจะใช้เฉพาะกับงานเฉพาะทางเพียงเท่านั้น อาทิ การตัดต่อหนัง, การ render 3D และ งานหนัก ๆ ใหญ่ ๆ อื่น ๆ ที่ต้องกินทรัพยากรณ์ และ visual memory ที่ต้องเตรียมพร้อมหลาย ๆ อย่าง

    Tags:

    1. Google
    2. semantic
    3. break theories

  4. • เมื่อ Semantic กำลังใกล้เข้ามา (ภาค1)

    โดย radiz เมื่อ 2008-07-09 01:14:09

    60 ปีที่แล้ว Digital Computer ทำให้ข้อมูลของเราอ่านได้ 20 ปีที่แล้ว Internet ทำให้ข้อมูลเหล่านั้นง่ายต่อการเข้าถึง 10 ปีที่แล้ว search engine crawler ตัวแรกถือกำเนิดขึ้นจาก database เพียงตัวเดียว Google ทำให้หลาย ๆ องค์ประกอบ ทฤษฎีในทัศนคติเป็นจริง Google ในทุก ๆ วันนี้กลายเป็นอีกหนึ่งวัฒนธรรม ไม่ว่าใครต่อใครก็ต้องใช้ Google ฝังลึกหยั่งรากลงไปมากกว่าที่เราจะทันรู้ตัว

    ข้อมูลมากมายมหาศาลเหล่านั้น ที่ Google เก็บมาไว้ใน database ของตน เมื่อ 10 ปีที่แล้วหลาย ๆ คนคงอาจจะมองว่ามันเป็นเรื่องธรรมดาไร้สาระ แต่ในทุกวันนี้ผมคิดว่าแม้กระทั่ง 1 ตัวอักษร Google ก็ขายได้ มองย้อนกลับไปในยุคของ Kilobytes ข้อมูลจะถูกจัดเก็บบันทึกลงใน Floppy Disk ผมยังจำได้เวลาไปโรงเรียนเราจะพกแผ่น Floppy Disk ทั้งหลายเหล่านี้ไว้สำหรับ class ที่ต้องเรียน Computer ตั้งแต่ยังต้องท่องจำ Command Line ต่าง ๆ เพื่อที่จะสั่งให้เครื่องคอมพิวเตอร์ทำงานได้ตามที่ใจเราอยาก ต่อมาเป็นยุคของ Megabytes ข้อมูลทุก ๆ อย่างถูกเก็บลงใน Hard Disk และ มันก็ถูกพัฒนาไปเรื่อย ๆ จนสามารถเก็บข้อมูลได้เป็น Terabytes โดยที่ตัวมันเองก็เท่าเดิม แต่ใช้ Disk Array ในการจัดเก็บข้อมูลลงไป แล้วยุคของ Petabytes ล่ะจะจัดเก็บลงไปที่ไหน? มันจะถูกจัดเก็บลงไปใน "Cloud" (Cloud ในที่นี้คือ กลุ่มของ Supercomputer ที่จัดเก็บ Application และ ข้อมูลที่ถูกติดตั้งไว้ในทุกที่ ทุกมุมของโลก) ลองนึกดูว่ามันจะเกิดอะไรขึ้น ถ้าข้อมูลขนาด 1 Petabytes ถูกเก็บลงในฐานข้อมูลของ Google ทุก ๆ 72 นาที

    Tags:

    1. semantic
    2. Google
    3. Petabytes Era

  5. • ปรับปรุงระบบใหม่ ให้เข้าใกล้ Semantic Web

    โดย pornAntha เมื่อ 2008-04-29 13:36:39

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

    เพราะว่า การเปลี่ยนรูปแบบครั้งนี้ ไม่ใช่เปลี่ยน หรือโยกย้ายหมวดหมู่ของเว็บธรรมดา แต่ผม เปลี่ยน ระบบการทำงานของเว็บใหม่ทั้งหมด เป็นระบบใหม่ แต่ยังแสดงผลคล้ายของเดิม แต่ที่ต่างไปอย่างสิ้นเชิง ถ้าใครสังเกตดู คงจะเห็นในเรื่องของ URIs ที่ผมเปลี่ยนระบบการเรียกหน้าเว็บใหม่ และที่สำคัญ ยังสามารถเรียกเข้าดูแบบเดิมได้ โดยที่ไม่เกิด Broken link (แต่อาจจะยังไม่หมด เพราะผมตามแก้อยู่ครับ)

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

    Tags:

    1. ปรับปรุงระบบ
    2. semantic web
    3. พร อันทะ

  6. • สร้าง Findability Website ด้วย Web Standards

    โดย radiz เมื่อ 2008-04-28 16:25:39

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

    วันนี้ผมจะพูดถึงอะไร ผมจะพูดถึง Findability website ชื่อมันดูโก้เก๋ดีไหมครับ มันเป็นแนวคิดใหม่ของ Aaron Walter จริง ๆ แล้วก็ไม่ใช่อะไรใหม่ไปเลยทีเดียวเพียงแต่แนวคิดเหล่านี้ยังไม่มีใครบัญญัติชื่อให้มัน ลักษณะการทำงานของมันอย่างเป็นรูปธรรม ทีนี้เรามาดูกันว่า ไอ้ Findability Web มันคืออะไร ซึ่งโดยการทำงานของมันแล้วมันก็คือ Website ที่มีเป้าหมายมุ่งเน้นช่วยเหลือผู้ใช้ให้

    Tags:

    1. Findability
    2. Web Standards
    3. Semantic Web

  7. • การเขียน CSS Elastic Layout

    โดย พร อันทะ เมื่อ 2008-01-21 22:18:53

    หลังจากที่ลองเล่นกับ CSS แบบ Liquid Layout ไปแล้วตอนนี้มาลองเล่นแบบอื่นกันดูบ้างครับ Elastic Layout เป็นรูปแบบการเขียน CSS ที่ผมนำมาเสนอเป็นรูปแบบที่สอง จะเป็นอย่างไรนั้น ตามมาดูกันครับ

    Tags:

    1. Layout
    2. Elastic Layout
    3. em

  8. • ลดปัญหาโลกร้อนด้วยการเขียน XHTML, CSS อย่างถูกวิธี

    โดย พร อันทะ เมื่อ 2007-12-14 13:48:42

    เกาะกระแสโลกร้อนกันดีกว่าครับ ปัญหาที่ทั่วโลกให้ความสนใจ เมืองไทยไม่ยอมน้อยหน้า แล้วอันใด เราชาว XHTML, CSS จะยอมน้อยหน้า มาช่วยกันเขียนเว็บเพื่อลดปัญหาโลกร้อนกันดีกว่า

    Tags:

    1. xhtml
    2. css
    3. web standards

  9. • XHTML CSS เพื่อประโยชน์ทาง SEO อย่างแท้จริง

    โดย radiz เมื่อ 2007-11-15 17:53:15

    ผู้เชี่ยวชาญทางด้าน Internet Marketing คงทราบกันอยู่แล้วว่าสิ่งที่ทำให้ผลลัพธ์ทาง SEO สูง ๆ นั้น ไม่ใช่การมุ่งทำโฆษณากับ .... หรือ จ่าย pay per click มีอีกหลาย ๆ วิธีที่ไม่จำเป็นต้องไปเสียเงินเสียทองให้เปลืองไปเปล่า ๆ

    Tags:

    1. xhtml
    2. semantic web
    3. seo

  10. • Semantic Web พูดกันทุกทาง อย่างมีความหมาย (1)

    โดย พร อันทะ เมื่อ 2007-11-12 11:43:10

    1.ถ้าคุณเขียนโค้ดถูก แต่บราวเซอร์แสดงผลเพี้ยน แสดงว่าบราวเซอร์ มีปัญหา 2.ถ้าคุณเขียนโค้ดผิด แต่บราวเซอร์ยังแสดงผลถูกต้อง นั่นแสดงว่า ทั้งตัวคุณ ทั้งบราวเซอร์ ต่างก็มีปัญหา

    Tags:

    1. semantic
    2. markup
    3. standards

  11. • ทำไม CSS XHTML มันไม่ใช่แค่ที่เห็น

    โดย พร อันทะ เมื่อ 2007-10-24 11:44:45

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

    Tags:

    1. xhtml
    2. css
    3. semantic web

  12. • โรงหนังใหญ่ กับใจคนดู

    โดย พร อันทะ เมื่อ 2007-07-26 17:36:10

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

    Tags:

    1. movie
    2. cinema
    3. pornAntha

  13. • css กับการจัดวาง xhtml ในกล่องข้อมูล

    โดย พร อันทะ เมื่อ 2007-08-18 14:42:08

    การจัดวางข้อมูลแบบเดิมๆ ในกล่องนั่นคือ มี div, h1, p, strong, span, em, img ซึ่งแต่ละอันจะถูก นำมาใช้ให้เหมาะสม กับการนำเสนอข้อมูล ในตัวอย่างต่อไปนี้ ผมขอสมมุติเรื่องราวขึ้นมา 1 เรื่องแล้วกันนะครับ ผมอยากจะเอาเนื้อหาทั้งหมด

    Tags:

    1. css
    2. xhtml
    3. layout

  14. • PX และ EM ทำไมต้องให้ต่างกัน

    โดย thaicss เมื่อ 2006-12-13 01:30:38

    ตอบคำถาม คลายข้อสงสัย กันหน่อยนะครับ ระหว่าง ความต่างของ px และ em

    Tags:

    1. px
    2. em
    3. ex