Author: |
林玟瑄 Wen-Hsuan Lin |
---|---|
Thesis Title: |
Web2.0網站相容性與可及性之研究 Research on the Compatibility and Accessibility of Web 2.0 Website |
Advisor: | 葉耀明 |
Degree: |
碩士 Master |
Department: |
資訊工程學系 Department of Computer Science and Information Engineering |
Thesis Publication Year: | 2010 |
Academic Year: | 98 |
Language: | 中文 |
Number of pages: | 64 |
Keywords (in Chinese): | Web2.0 、可及性 、相容性 、HTML5 、部落格 、XML原生資料庫 |
Keywords (in English): | Web2.0,, accessibility, compatibility, HTML5, blog, XML native database |
Thesis Type: | Academic thesis/ dissertation |
Reference times: | Clicks: 335 Downloads: 6 |
Share: |
School Collection Retrieve National Library Collection Retrieve Error Report |
隨著Web2.0網站的興起,各式各樣新技術的發展讓網頁的功能愈來愈強大。儘管全球資訊網相關協定與標準持續發表新版,各家瀏覽器供應者亦不斷更新瀏覽器功能,身心障礙者縱使可利用電腦輔具建立起與數位資訊溝通的介面,但如果想要達到充分了解資訊的內容與意義,則往往得要視資訊提供者是否提供具有完善編輯、語法和結構的資訊來源而定。為了縮短身心障礙者數位落差,探討網站的相容性與可及性為本研究的重要議題。
本研究旨在發展出一套可及性部落格系統,依據XML檔案本身具有結構性的特性,以XML原生資料庫(eXist)來儲存XML檔案,並使用W3C訂定的下一代網頁語言HTML 5技術開發部落格相關功能。部落格可及性功能方面,本研究以WCAG 2.0 (Web Content Accessibility Guidelines 2.0)無障礙網頁規範做為無障礙的標準。本系統具有以下特色:符合無障礙結構化和語意化的設計、擁有HTML5更具相容性的影音功能、提供具有可及性的CAPTCHA驗證功能。除此之外,本研究配合實驗室開發多年的改良式螢幕鍵盤當作電腦輔具操作測試本系統,並且提出系統功能測試報告、WCAG2.0可及性分析、以及相容性測試分析。
目前市面上的部落格系統考慮無障礙網路的可及性因素成果不佳,本研究致力於符合 W3C規範,期望讓網頁能夠在各種平台與瀏覽器上都能夠正確的顯示,發展出可及性部落格的雛型讓身心障礙者未來在使用部落格時能更便利,讓網際網路的環境更友善。
With the rise of Web 2.0 and new technologies, the functionality of web pages is getting more powerful. However, disabilities still encounter many difficulties to access web pages, in spite of using assistive devices as an interface with computers. It is because web content developers usually lack of knowledge to provide proper structure and syntax when they design web pages.
The purpose of this thesis is to develop an accessible blog system for disabilities. The system developed uses XML native database (eXist) to store XML files, HTML5 technology to develop associated functions, and WCAG 2.0 (Web Content Accessibility Guidelines 2.0) as the standard for testing accessibility. Its features include structured and semantic design on accessibility, more compatible media design using HTML5, and providing accessible CAPTCHA. In addition, we use enhanced on-screened keyboard as an assistive device to test the accessible blog system. We conduct systems functionality test, WCAG2.0 accessibility analysis, and compatible analysis for our blog system and associated reports are provided in the thesis.
Our system satisfies the conformance requirement of W3C guidelines. We wish that our blog can provide correct display on every kind of platforms and browsers, also our developing model of accessible blog system will support disabilities to use blog system in more convenient way in the near future.
[1] 吳俊融(2007)。XML文件再利用軟體工具。國立台灣科技大學資訊工程系碩士論文。
[2] 洪淑惠(2005)。無障礙網站使用性之研究-以視覺障礙人士為例。世新大學管理學院資訊管理學系碩士論文。
[3] 李家豪(2008)。以XML原生資料庫實現內容管理儲存庫之研究,國立台灣師範大學資訊工程研究所碩士論文。
[4] 行政院研究發展考核委員會。無障礙網頁開發規範。2003年。
[5] 毛新生(2007)。Web2.0與SOA。IBM中國開發中心。
[6] 曾文志(2004)。中文之線上學習網站的網頁可及性研究,臺北師範學院學報,第十七卷,第一期,第271-298頁,2004。
[7] 陳明聰、李天佑、葉耀明(2003)。網路資訊可及性分析研究。第十一屆國際電腦輔助教學研討會ICCAI 2003大會論文集,D4-5。
[8] 黃建富(2009)。無障礙網頁對於提升搜尋引擎排名之研究。世新大學資訊管理學系碩士論文。
[9] 陳昀辰(2007)。改良式螢幕鍵盤對肢體障礙者操作功能選單效能之比較硏究。國立臺灣師範大學資訊教育研究所碩士論文。
[10] eXist, “eXist:open source native XML database”, Available at: http://exist.sourceforge.net/
[11]W3C, “Web Content Accessibility Guidelines (WCAG) 2.0”, Available at: http://www.w3c.org/TR/WCAG20/.
[12] W3C, “Introduction to Web Accessibility”, Available at: http://www.w3.org/WAI/intro/accessibility.php.
[13] W3C, “Accessibility”, Available at: http://www.w3.org/standards/webdesign/accessibility
[14] W3C,“XML path language (XPath) version 1.0”, Available at: http://www.w3.org/TR/xpath
[15] W3C,“XQuery 1.0: An XML Query Language”, Available at: http://www.w3.org/TR/xquery/
[16] W3C,“Extensible Markup Language(XML) W3C Recommendation” , Available at: http://www.w3.org/XML/
[17] W3C, “HTML5”, Working Draft Available at: http://www.w3.org/TR/html5/.
[18] W3School, “HTML5 Tutorial”, http://www.w3schools.com/html5/default.asp
[19] Lachlan Hunt, “A Preview of HTML 5”,2007, http://www.alistapart.com/articles/previewofhtml5
[20] T. O’Reilly, “What Is Web 2.0,” 2005, http://oreilly.com/web2/archive/what-is-web-20.html
[21] Kevin Roth, “Cross-Browser Rich Text Editor (RTE)” , http://www.kevinroth.com/rte/
[22] reCAPTCHA, http://recaptcha.net/
[23] Compatibility Table, http://caniuse.com/
[24] Microsoft, “How to Create an HTML Editor Application”, http://msdn.microsoft.com/library/default.asp?url=/workshop/author/editing/tutorials/html_editor.asp.
[25] Microsoft, “Activating the MSHTML Editor”, http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/editing/activateeditor.asp.
[26] Yao-Ming Yeh, Wen-Cheng Tsai, Yeong-Sheng Chen, Shih-Hsiang Lin., “Development of Web Accessibility Guidelines and related tools”, Proceeding of E-Learning 2004, World Conference on E-Learning in Corporate, Government, Healthcare, & Higher Education, pp.3028-3034,2004.
[27] Vaughan-Nichols, S.J. , “Will HTML 5 Restandardize the Web?”, Computer, vol.43(4), pp.13-15, 2010.
[28] Xingpeng Wang and Li Gui, “The Development Model of Web2.0 Oriented Application ”, Fifth International Conference on Semantics, Knowledge and Grid, 2009.
[29] W3School, “XQuery Tutorial”, http://www.w3schools.com/xquery/default.asp
[30] W3C, “XQuery Update Facility 1.0” ,Available at: http://www.w3.org/TR/xquery-update-10/