web標準化（下）

關於web標準的可用性、可維護性、可訪問性

可用性

產品是否容易上手，用戶使用此產品的主觀感覺如何，從用戶的角度來判別產品的質量。

可維護性

構建可維護性好的代碼，對於企業的長期發展很重要。

• 系統出現問題時，可否快速定位並解決問題，而且保證低成本
• 代碼是否容易被人理解，是否容易對代碼進行修改與加強。

可訪問性

簡單來講，就是讓全部用戶（包括殘障人士）都能擁有良好的使用體驗。

網站用戶通常有：

• 身體健康的用戶；
• 盲人或嚴重視覺障礙者，他們使用屏幕閱讀器來聽取網站，或者經過點字顯示器來感知網頁；
• 近視者，須要將字體大小放大到200%；
• 患有運動性殘疾，所以沒法用手操做鼠標，而用點擊棒來操做鍵盤，或經過視線點擊器來操做網站的用戶；
• 使用移動設備如經常使用的手機，或使用跟蹤球等不常見的計算機控制設備的用戶。

如何作到可訪問性良好？

• HTML語義化、結構化：HTML語義結構提供了網頁的總體框架，提示他們在文件層級中所處的位置，還有他們能夠如何與各類頁面元素進行交互，以及在適當的地方對文本內容進行強調，幫助用戶得到大量重要信息。如導航菜單。

<ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
</ul>

說明：經過將導航菜單構造爲列表，就能很容易地讓那些使用屏幕閱讀器、同時沒法看到列表的人知道這是個列表。由於他們的屏幕閱讀器會告訴他們這是一張列表。若是你沒有使用列表標記，屏幕閱讀器就沒辦法知道這是列表，所以也就不能告訴使用者了。

• 替代內容：文本能夠做爲頁面內容的通用替代內容，如img標籤的alt屬性值、a標籤的title屬性值。

<a href="http://www.alimama.com" title="淘寶聯盟大促銷">
        <img alt="淘寶聯盟大促銷" src=http://www.webjx.com/web/"images/app/sale.jpg"/>
    </a>

說明：文本內容能夠很方便地由屏幕閱讀器朗讀出來，也能夠放大或縮小，還能夠方便地改變其對比度，或者進行其餘許多變形操做。alt 屬性包含了對該圖片的簡短描述，以便沒法準確看到該圖片的用戶（或搜索引擎）使用，title屬性負責對連接地址的詳細文本描述。

四個可訪問性標準：

• 可感知：人們能夠經過適合本身的媒體來獲知網頁內容。好比應當讓盲人得以收聽頁面內容。例如，圖像應該有文本對應體。
• 可操做：人們能夠與 web 應用程序或內容進行交互。例如，用戶應該能夠不用鼠標也能與某個網站進行交互，而且能夠經過屏幕閱讀器來進行導航。
• 可理解：使用者能夠弄懂頁面內容和用戶界面。
• 健壯性：所提供的一切服務都應當不受平臺或操做系統的限制。例如，不一樣設備上的瀏覽器可以一塊兒使用網站，且導航應該是一致的。

參考連接：

1. 什麼是web標準、可用性、可訪問性 http://blog.csdn.net/foreverl...