使網(wǎng)站更易于訪問的 10 種簡單方法

設(shè)計一個可訪問的網(wǎng)站不僅僅是做正確的事情；可訪問性也具有商業(yè)意義。畢竟，當您想一想，您可以讓更多人訪問您的網(wǎng)站時，為什么要讓某些人難以訪問您的內(nèi)容和購買您的產(chǎn)品？

設(shè)計一個可訪問的站點并不困難。然而，仍然有很多網(wǎng)站不適合視力受損或其他挑戰(zhàn)的人。因此，請考慮一下那些在您下次開始新網(wǎng)站設(shè)計時可能會發(fā)現(xiàn)使用網(wǎng)站具有挑戰(zhàn)性的人。并考慮這十種簡單的方法，可以讓更多人訪問網(wǎng)站。

1. 確保網(wǎng)站對鍵盤友好

許多醫(yī)療條件使使用鼠標變得困難或不可能。因此，請確保您構(gòu)建的任何網(wǎng)站都可以單獨使用鍵盤進行導航。例如，這意味著必須可以在表單上的字段之間切換。每個頁面上的關(guān)鍵元素必須單獨使用鍵盤才能訪問。可訪問性的這一方面很容易實現(xiàn)和測試。只需拔下鼠標，看看您是否可以瀏覽您的站點并使用各種功能。

2. 謹慎選擇顏色

在網(wǎng)站上使用顏色時要記住的第一件事是使用對比度使元素對視障人士脫穎而出。但是，如果您也考慮色盲的人，這會有所幫助，因此最好不要使用顏色來強調(diào)。相反，使用粗體和斜體來突出重要文本。避免使用紅色和綠色來對比網(wǎng)站上的元素，因為難以區(qū)分紅色和綠色是最常見的色盲形式。顏色區(qū)分的第二個最常見問題是藍黃色盲。

3. 為圖像添加有意義的替代文本

圖像上的替代文字不是讓你塞滿關(guān)鍵字的。相反，替代文字是輔助功能應用程序朗讀和朗讀以向視障人士描述圖像的內(nèi)容。因此，使用替代文本以有意義和描述性的方式解釋圖像的內(nèi)容。例如，使用諸如“一個快樂、微笑的孩子在海邊玩耍的照片”之類的短語。在替代描述中使用關(guān)鍵字是一種很好的 SEO 實踐。即便如此，請記住，當大聲朗讀時，替代文字仍然需要有意義。

4. 啟用可調(diào)整大小的文本

一些用戶希望通過使用瀏覽器上的縮放功能來調(diào)整網(wǎng)頁大小。因此，這是在設(shè)計站點時要考慮和測試的可訪問性的另一個方面。避免調(diào)整大小問題的最佳方法是不使用絕對單位。例如，用相對術(shù)語而不是像素來指定文本大小。然后，當用戶調(diào)整頁面大小時，整個頁面將正確調(diào)整大小。

5. 為視頻內(nèi)容提供字幕

視頻內(nèi)容已成為網(wǎng)站的共同特征。但是，如果沒有字幕，聽力受損的用戶將無法使用視頻內(nèi)容。字幕還將幫助那些發(fā)現(xiàn)難以專注于純視覺內(nèi)容的人。因此，為所有視頻內(nèi)容添加字幕將提高內(nèi)容的可訪問性。

6. 避免自動導航和媒體

自動播放的視頻和音頻文件可能會嚇到一些人。當您使用屏幕閱讀器時，關(guān)閉自動功能可能會很棘手。因此，通常最好避免嵌入自動啟動的媒體。對于某些人來說，快速移動的幻燈片和旋轉(zhuǎn)木馬也可能具有挑戰(zhàn)性。因此，最好避免使用此類自動導航功能。或者，如果您確實使用了這些自動化功能中的任何一個，請輕松關(guān)閉自動化。

7. 用標題結(jié)構(gòu)化數(shù)據(jù)

正確使用標題將使每個人都更容易閱讀內(nèi)容。標題和副標題將幫助屏幕閱讀器解釋和導航文本。但是，在正確的位置使用正確的標題標簽也很重要。因此，例如，應該只有一個 H1 標簽。并且 H2、H3 和 H4 標簽應該以正確的順序嵌套?；煜龢祟}標簽會使使用屏幕閱讀器的人難以理解文本。

8. 確保表格可訪問

表格需要清楚地標記以方便使用。并且需要放置標簽，以便很明顯它們所指的是哪個字段。還應提供有關(guān)如何填寫表格的明確說明。任何關(guān)于錯誤完成部分的說明也需要清楚地顯示出來。最好在字段之間使用大量空白來區(qū)分表單的每個元素。

9. 使用 ARIA 地標或 HTML5 元素

ARIA（可訪問的富 Internet 應用程序）地標和 HTML5 元素是描述性標簽，可添加到網(wǎng)頁元素以提高可訪問性。輔助技術(shù)應用程序使用這些標簽（例如“contentinfo”、“main”和“form”）來幫助頁面導航。例如，ARIA Landmarks 和 HTML5 Elements 允許用戶識別并跳轉(zhuǎn)到頁面的相關(guān)部分。

10. 小心使用表格

表格可以幫助人們理解數(shù)據(jù)，但如果表格格式不正確，也會造成混淆。因此，請避免使用具有許多行和列的過于復雜的表。并確保行和列被清楚地標記。最好避免將表格用于數(shù)據(jù)以外的任何內(nèi)容，因為它會混淆屏幕閱讀器。頁面上的表格太多也很難瀏覽。

結(jié)論

以上并不是使網(wǎng)站可訪問的詳盡列表。但希望它能夠很好地介紹可訪問性。這篇文章最重要的一點是，將可訪問性設(shè)計到網(wǎng)站中并不難。盡管如此，它仍然可以為某些人帶來不同的世界。更重要的是，在網(wǎng)站建設(shè)中包含可訪問性功能對用戶體驗沒有任何影響。相反，上面的許多建議都是很好的網(wǎng)頁設(shè)計實踐，例如用標題和副標題分解文本。因此，設(shè)計可訪問的站點對每個人都有好處。