一個(gè)易于訪問(wèn)的成都網(wǎng)站設(shè)計(jì)不僅僅是為了做正確的事；可訪問(wèn)性也具有商業(yè)意義。畢竟，為什么要讓某些人難以訪問(wèn)您的內(nèi)容和購(gòu)買您的產(chǎn)品，而只要稍加思考，您就可以讓更多人訪問(wèn)您的網(wǎng)站？

設(shè)計(jì)一個(gè)易于訪問(wèn)的站點(diǎn)并不困難。然而，仍然有很多網(wǎng)站無(wú)法滿足視力受損或其他挑戰(zhàn)的人們的需求。因此，請(qǐng)為那些可能會(huì)在您下次開(kāi)始新成都網(wǎng)站設(shè)計(jì)時(shí)發(fā)現(xiàn)使用網(wǎng)站具有挑戰(zhàn)性的人考慮一下。并考慮這十種簡(jiǎn)單的方法，讓更多人可以訪問(wèn)網(wǎng)站。

1、確保網(wǎng)站是鍵盤友好的

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

2、謹(jǐn)慎選擇顏色

網(wǎng)站上的顏色首先要記住的是使用對(duì)比度使元素對(duì)視障人士脫穎而出。但如果你也考慮色盲的人，這會(huì)有所幫助，所以最好不要使用顏色來(lái)強(qiáng)調(diào)。相反，使用粗體和斜體來(lái)突出重要文本。并避免使用紅色和綠色來(lái)對(duì)比網(wǎng)站上的元素，因?yàn)殡y以區(qū)分紅色和綠色是最常見(jiàn)的色盲形式。顏色區(qū)分的第二個(gè)最常見(jiàn)的問(wèn)題是藍(lán)黃色盲。

3、為圖片添加有意義的替代文字

圖像上的替代文字不是用來(lái)填充關(guān)鍵字的。相反，替代文本是輔助功能應(yīng)用程序閱讀和大聲朗讀的內(nèi)容，用于向視障人士描述圖像。因此，使用替代文本以有意義和描述性的方式解釋圖像的內(nèi)容。例如，使用像“一張快樂(lè)、微笑的孩子在海邊嬉戲的照片”這樣的短語(yǔ)。在alt描述中使用關(guān)鍵字是良好的SEO做法。即便如此，請(qǐng)記住，替代文本在大聲朗讀時(shí)仍然需要有意義。

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

有些用戶會(huì)希望使用瀏覽器上的縮放功能來(lái)調(diào)整網(wǎng)頁(yè)大小。因此，這是設(shè)計(jì)網(wǎng)站時(shí)要考慮和測(cè)試的可訪問(wèn)性的另一個(gè)方面。避免調(diào)整大小問(wèn)題的最佳方法是不使用絕對(duì)單位。例如，以相對(duì)術(shù)語(yǔ)而非像素指定文本大小。然后，當(dāng)用戶調(diào)整頁(yè)面大小時(shí)，整個(gè)頁(yè)面將正確調(diào)整大小。

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

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

6、避免自動(dòng)導(dǎo)航和媒體

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

7、帶標(biāo)題的結(jié)構(gòu)數(shù)據(jù)

正確使用標(biāo)題將使每個(gè)人都更容易閱讀內(nèi)容。標(biāo)題和副標(biāo)題將幫助屏幕閱讀器理解和瀏覽文本。但是，在正確的位置使用正確的標(biāo)頭標(biāo)簽也很重要。因此，例如，應(yīng)該只有一個(gè)H1標(biāo)簽。H2、H3、H4標(biāo)簽應(yīng)該按照正確的順序嵌套。混合標(biāo)題標(biāo)簽會(huì)使使用屏幕閱讀器的人難以理解文本。

8、確保表格可訪問(wèn)

表格需要清楚地標(biāo)記以便于使用。并且需要放置標(biāo)簽，以便很明顯它們指的是哪個(gè)字段。還應(yīng)提供有關(guān)如何填寫表格的明確說(shuō)明。并且任何關(guān)于未正確完成的部分的說(shuō)明也需要清楚地顯示。最好在字段之間使用大量空白來(lái)區(qū)分表單的每個(gè)元素。

9、使用ARIALandmarks或HTML5元素

ARIA（AccessibleRichInternetApplications）地標(biāo)和HTML5元素是描述性標(biāo)簽，可添加到網(wǎng)頁(yè)元素以提高可訪問(wèn)性。這些標(biāo)簽，如“contentinfo”、“main”和“form”，被輔助技術(shù)應(yīng)用程序用來(lái)幫助頁(yè)面導(dǎo)航。例如，ARIALandmarks和HTML5Elements允許用戶識(shí)別并跳到頁(yè)面的相關(guān)部分。

10、小心使用表格

表格可以幫助人們理解數(shù)據(jù)，但如果表格格式不正確，也會(huì)造成混淆。因此，避免使用包含許多行和列的過(guò)于復(fù)雜的表格。并確保行和列被清楚地標(biāo)記。最好避免將表格用于數(shù)據(jù)以外的任何內(nèi)容，因?yàn)樗鼤?huì)使屏幕閱讀器感到困惑。頁(yè)面上的表格太多也很難通過(guò)Tab鍵瀏覽。

結(jié)論

以上并不是使網(wǎng)站易于訪問(wèn)的方法的詳盡列表。但希望它能很好地介紹可訪問(wèn)性。從這篇文章中得出的重要一點(diǎn)是，將可訪問(wèn)性設(shè)計(jì)到網(wǎng)站中并不難。盡管如此，它仍然可以為某些人帶來(lái)不同的世界。

更重要的是，在成都網(wǎng)站設(shè)計(jì)中包含輔助功能不會(huì)影響用戶體驗(yàn)。相反，上述許多建議都是良好的網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐，例如將文本與標(biāo)題和副標(biāo)題分開(kāi)。因此，設(shè)計(jì)可訪問(wèn)的網(wǎng)站對(duì)每個(gè)人都有好處。