利用CSS樣式表改善網站可訪問性

　　最近，我不得不對我的一個客戶的舊網站進行更新，使得它能夠達到可訪問性的標準。對三四年前的舊代碼進行挖掘的想法根本沒有吸引力，主要是因為我曾經使用的很多編程慣例已經不再適用，特別是從可訪問性上來講。我曾經使用絕對的字型大小，固定的頁面寬度和表格來做版面設計和空間分配。

　　像那時建構的很多網站一樣，我的客戶的網站使用了Cascading Style Sheets (CSS)來格式化文本。它沒有使用任何CSS的更加強有力的版面設計功能，也沒有允許HTML裝置獨立，而這是CSS可訪問性的主要優點之一。

　　問題是如何出現的？

　　在我概述使網站更加具有可訪問性的方法之前，瞭解現今眾多的訪問性問題的起因也許是很有協助的：

　　對HTML膚淺的理解：在1990年代的互連網大發展時期中，所有人都開始建構網站。WYSIWYG編輯器使得幾乎每個人都可以很容易地建構一個網站，而不用費心去學習HTML。但不幸的是，這種在使用上的便利帶來了一些蹩腳的代碼，對可訪問性造成了妨礙。

　　HTML在設計方面的局限性：開發人員和設計者經常會故意錯用HTML標籤，特別是<table>標籤，來克服HTML在版面和設計上的局限性。這種設計方式也會帶來妨礙可訪問性的代碼。

　　什麼使得CSS更具有訪問性？

　　CSS在1996年出現，用來解決上述的問題。通過使用CSS，你可以將一個HTML檔案的內容與有關它的表現形式或風格的資訊分離開來。這就使你可以應用準確的格式化並達到想要得到的版面設計，而無需使用可能會讓螢幕助讀程式和專門的瀏覽器軟體產生困惑的HTML代碼。

　　例如，雖然HTML表格是用來排列表格式資料的，但他們也經常被用來排列對齊一個頁面上的元素的。但是閱讀器和例如語音合成器的軟體要求有效HTML代碼。因此當他們遇到一個分頁錯誤地使用了諸如一個表格的元素，產生的結果就會讓使用者感到莫名其妙。

[1] [2] [3]  下一頁