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

    問題是如何出現的？

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

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

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

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

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

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

    CSS的另一個可訪問性的優點就是它允許使用者定義他們自己的風格單，這個風格單可以與網站的風格單共同工作。因此，例如一個使用者可以設定，所有通過標籤定義的文本都應該是1.5em Arial，即使這個網站的風格單表示它應該是18px Verdana Bold.

    要注意用戶定義的風格只有在用戶的風格名稱與HTML頁面中的標籤相符時才會起作用，這是很重要的。這就將確保相容性的責任交到了開發者的手中。例如，如果用戶的風格單指定標籤應顯示1.5em Arial文本，但是HTML頁面並不使用標籤來從風格單中調用一個風格（也許它使用），用戶對於標籤定義的風格將會被忽略。因此要確保你對你的標題和段落使用標準的HTML標籤，這將減少用戶定義的風格單被忽略的機會。

    開始

    如果你是從頭開始建構一個新的網站，那麼通過CSS來改善可訪問性就會很容易。但你仍然可以輕鬆地將現有的網站轉變為CSS形式。

    步驟1：檢查現有代碼

    為了更好地說明，我將用在表A中這個簡單的HTML代碼來代表一個使用CSS的頁面。這個例子假設頁面還沒有使用CSS，不過你也可以使用相似的方法來評價一個基於CSS的站點。主要的不同點就是大多數的改變將發生在CSS檔中而不是HTML檔中。

    步驟2：從HTML中去掉所有特殊風格標籤

    要在這個頁面中加入CSS，我首先需要去掉所有要控制內容表現的標籤。樣本代碼使用了字體標籤來定義字體外觀，風格和顏色。去掉這些元素使得樣本代碼如表B所示。

    步驟3：從HTML中去掉並替換任何錯用的標籤