通過適合每個人需求的網站吸引更多讀者
通過讓殘障人士訪問您的網站，您最終能夠讓所有人都能訪問您的網站。 事實上，讓您的網站更易於訪問甚至可以幫助人們在搜索引擎中找到您的網站。 為什麼？ 由於搜索引擎使用屏幕閱讀器執行的一些非常相同的信號來查找並理解您網站的內容。
但是，究竟如何在不成為編碼專家的情況下創建一個可訪問的網站？
以下是一些提示和技巧，幾乎任何具有基本HTML知識的人都可以使用它來改進其網站的可訪問性。
Web可訪問性工具
W3C提供了一個夢幻般的網頁輔助工具列表，您可以用它作為檢查工具來發現您網站的潛在問題。 也就是說，我仍然建議您使用屏幕閱讀器進行一些探索，並親身體驗它。
相關閱讀： 什麼是輔助技術？它是如何工作的？
了解屏幕閱讀器
可以改善網站可訪問性的一個最重要的方法是確保屏幕閱讀器能夠理解它。 屏幕閱讀器使用合成語音來閱讀屏幕上的文字。 這聽起來很直接; 但是，屏幕閱讀器可能無法像您目前設置的那樣了解您的網站。
你可能想要做的第一件事是嘗試一個屏幕閱讀器，看看它是如何發展的。 如果您在Mac上，請嘗試使用VoiceOver。
- 轉到系統偏好設置。
- 選擇輔助功能。
- 選擇 VoiceOver。
- 選中啟用VoiceOver 框 。
您可以使用命令F5打開和關閉它。
如果您在Windows機器上，則可能需要下載NVDA。 您可以使用快捷鍵+ alt + n將其設置為打開和關閉。
這兩種屏幕閱讀器都是通過讓用戶通過鍵盤進行導航來操作的（這很有意義 - 如果看不到，使用鼠標將是一項挑戰），並創建一個導航焦點區域。 焦點基本上是鍵盤被“指向”的位置，但通常顯示為焦點對象周圍的高亮框，而不是光標。
如果默認設置令人討厭，您可以更改語音音調和語音讀取速度（並且在聽了大約五分鐘的標準慢速語音讀數之後，他們通常會這樣做）。 盲人通常在屏幕閱讀器設置為高速的情況下閱讀網站。
這樣做可能會有助於閉上眼睛，但也可能有助於保持開放和比較。 當您嘗試聆聽您的網站時，您可能會立即註意到的一些內容是某些文字可能無法正常播放。 標題和表格可能會混亂。 圖像可能會被跳過，或者他們可能會說“圖像”或其他同樣無益的東西。 表格往往被視為一系列沒有上下文的項目。
你可以，希望，解決這個問題。
替代標籤或替代屬性
在HTML中使用alt-tag或alternative（alt）屬性來描述圖像。 在HTML中，它看起來像這樣：
即使您使用隱藏HTML代碼的可視化工具製作網站，您幾乎總會有機會輸入圖像說明。 您可以輸入任何內容（alt =“”），但最好為每個圖像提供有用的描述。 如果你是盲人，你需要了解這個形象？ “女人”沒有多大幫助，但也許“女人繪畫設計流程圖包括可訪問性，可用性，品牌和設計。”
標題文本
網站並不總是顯示HTML標題標籤，但它對屏幕閱讀器很有幫助。 確保每個網站的頁面都有一個描述性（但不是過於詳細）的標題，告訴訪問者該頁面的內容。
給你的網站良好的信息層次
使用標題分解大塊文本，並在可能的情況下適當地使用H1，H2，H3分層結構的標題 。 它不僅可以讓您的網站更易於屏幕閱讀，而且使其他人更容易。 這也是Google和其他搜索引擎幫助他們更好地為您的網站編制索引的一個很好的信號。
同樣，您應該確保您的網站符合邏輯內容順序，並且沒有出現無關信息框。 如果您使用的是廣告，請注意您的廣告不會過度侵入，並且頻繁地分散您網站上的文字。
製作更好的桌子
如果您使用HTML表格，則可以使用標記將標題添加到表格中，以便屏幕閱讀器更易於理解，而不僅僅是以粗體文本形式表格的標題。 您還可以添加“範圍”元素，並在表格中清楚地標記新的行和列，以便屏幕閱讀器不會在沒有提供任何上下文的情況下簡單地放棄一系列表格單元格。
鍵盤導航
一般來說，任何你放在你的網站上的東西都應該是某人可以想像的僅僅使用鍵盤的東西。 這意味著如果您的屏幕閱讀器無法使用它們，則您的導航按鈕不應該是動畫下拉按鈕（嘗試一下，看看您是否不確定 - 某些按鈕是為鍵盤編程設置的。）
隱藏式字幕
如果您添加視頻或音頻元素到您的網站，他們應該有標題。 HTML5和許多視頻流媒體服務（如YouTube）都提供隱藏式字幕支持。 隱藏式字幕不僅適用於可訪問性，還適用於可能在無法播放音頻的地方瀏覽網站的用戶，例如辦公室或嘈雜的地方。
對於播客或其他音頻元素，請考慮提供文本副本。 這不僅對那些聽不到音頻的人有用，使用這些文本可以讓Google和其他搜索引擎更輕鬆地為該內容建立索引並幫助您的Google排名 。
詠嘆調
如果您想要達到先進的可訪問性，HTML5 ARIA或WAI-ARIA規範旨在成為未來的新標準。 但是，這是一個複雜（並且不斷發展）的技術手冊，因此您可以使用ARIA驗證程序進行掃描，以查看您的網站是否有任何問題可以解決。 Mozilla也有更便捷的指南來開始使用ARIA。