這是隨附的CSS：

4.使用rem或em代替px

當用戶需要將其瀏覽器設置調整為默認的較大文本大小以實現(xiàn)視覺可訪問性時，可以期望在不破壞UI的情況下擴大頁面上的文本。如果文字是以像素或px編碼的，則大小和行間距將無法正確響應，因為它們是固定尺寸，并且文字會很小。

這是來自24a11y.com的示例，其中相同的文本僅以px，rem / px和rem編寫。如你所見，當用戶將其默認瀏覽器字體設置更改為“非常大”時，px中的第一個示例不會響應大小更改：

由24a11y.com提供

這樣并不是很方便。在第二個示例中，使用px設置行高，可以看到行之間的間距保持不變，從而導致文本顯得混亂并且難以閱讀。如果像上一個示例那樣使用rem或em來調整文本大小，用戶將體驗到更好的結果，因為這些格式本質上都是可伸縮的。

5.請勿改動對焦功能!

那些手部或手臂有身體殘疾的用戶可能無法使用鼠標來瀏覽網(wǎng)站，對于這些用戶，他們可能僅依靠鍵盤在屏幕上導航，這就是默認焦點功能發(fā)揮作用的地方。按Tab鍵，則將看到元素自動以藍色輪廓高亮顯示，指示當前在哪個元素上。

一些開發(fā)人員可能認為該功能在視覺上對他們的工作沒有吸引力，因此將其關閉，但是如果沒有明確指出使用者在頁面上的位置，那么依賴此功能的人將如何享受其用戶體驗呢?

所以，如果出于任何原因必須進行調整，請確保仍在為用戶提供清晰可見的頁面位置指示。

由Dockyard提供

6.保持色彩對比度

對于色盲或其他難以區(qū)分顏色的用戶來講，重要的是要保持較高的色彩對比度。WCAG指南要求文本和背景色的低符合率為4.5：1，增強等級的低符合率為7：1。對于較大的字體大小(如標題)，最小值為3：1，增強型為4.5：1。可以檢查顏色選擇，以確保它們符合WebAIM.org之類的網(wǎng)站。

這是一個符合WCAG的出色色彩對比度的示例，它通過了增強的評級：

由WebAIM.org提供

除了選擇合適的顏色對比度之外，另一種做法是包含文本或圖標以指示“成功”或“錯誤”消息，而不是僅僅使用綠色或紅色進行通信。對于有色盲的人，這些顏色可能特別難以區(qū)分。

這絕不是一個可以稱得上詳盡的清單，只是一個接觸Web可訪問性的開始。作為開發(fā)人員，請確保你的產品對所有人都是可訪問且具有包容性的。畢竟，互聯(lián)網(wǎng)面向所有人開放。