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

來源:互聯網
上載者:User

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

  像那時建構的很多網站一樣,我的客戶的網站使用了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]  下一頁



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。