當前位置:開發者網絡 >> 技術教程 >> 網頁設計 >> HTML/CSS >> 內容
精彩推薦
分類最新教程
分類熱點教程
    
利用CSS改善網站可訪問性
作者:未知
日期:2005-04-15
人氣:
投稿:(轉貼)
來源:未知
字體:
收藏:加入瀏覽器收藏
以下正文:

最近,我不得不對我的一個客戶的舊網站進行更新,使得它能夠達到可訪問性的標準。對三四年前的舊代碼進行挖掘的想法根本沒有吸引力,主要是因為我曾經使用的很多編程慣例已經不再適用,特別是從可訪問性上來講。我曾經使用絕對的字體大小,固定的頁面寬度和表格來做版面設計和空間分配。 
像那時建構的很多網站一樣,我的客戶的網站使用了Cascading Style Sheets (CSS)來格式化文本。它沒有使用任何CSS的更加強有力的版面設計功能,也沒有允許HTML設備獨立,而這是CSS可訪問性的主要優點之一。 
問題是如何出現的? 
在我概述使網站更加具有可訪問性的方法之前,瞭解現今眾多的訪問性問題的起因也許是很有幫助的: 
對HTML膚淺的理解:在1990年代的互聯網大發展時期中,所有人都開始建構網站。WYSIWYG編輯器使得幾乎每個人都可以很容易地建構一個網站,而不用費心去學習HTML。但不幸的是,這種在使用上的便利帶來了一些蹩腳的代碼,對可訪問性造成了妨礙。 
HTML在設計方面的局限性:開發者和設計者經常會故意錯用HTML標籤,特別是<table>標籤,來克服HTML在版面和設計上的局限性。這種設計方式也會帶來妨礙可訪問性的代碼。 
什麼使得CSS更具有訪問性? 
CSS在1996年出現,用來解決上述的問題。通過使用CSS,你可以將一個HTML文件的內容與有關它的表現形式或風格的信息分離開來。這就使你可以應用準確的格式化並達到想要得到的版面設計,而無需使用可能會讓屏幕閱讀器和專門的瀏覽器軟件產生困惑的HTML代碼。 
例如,雖然HTML表格是用來排列表格式數據的,但他們也經常被用來排列對齊一個頁面上的元素的。但是閱讀器和例如語音合成器的軟件要求有效的HTML代碼。因此當他們遇到一個頁面錯誤地使用了諸如一個表格的元素,產生的結果就會讓使用者感到莫名其妙。 
CSS的另一個可訪問性的優點就是它允許使用者定義他們自己的風格單,這個風格單可以與網站的風格單共同工作。因此,例如一個使用者可以設定,所有通過<p>標籤定義的文本都應該是1.5em Arial,即使這個網站的風格單表示它應該是18px Verdana Bold。 
要注意用戶定義的風格只有在用戶的風格名稱與HTML頁面中的標籤相符時才會起作用,這是很重要的。這就將確保兼容性的責任交到了開發者的手中。例如,如果用戶的風格單指定<p>標籤應顯示1.5em Arial文本,但是HTML頁面並不使用<p>標籤來從風格單中調用一個風格(也許它使用<font class=」bodytext」>),用戶對於<p>標籤定義的風格將會被忽略。因此要確保你對你的標題和段落使用標準的HTML標籤,這將減少用戶定義的風格單被忽略的機會。 
開始 
如果你是從頭開始建構一個新的網站,那麼通過CSS來改善可訪問性就會很容易。但你仍然可以輕鬆地將現有的網站轉變為CSS形式。
相關文章: