
一個(gè)易于訪問的成都網(wǎng)站設(shè)計(jì)不僅僅是為了做正確的事;可訪問性也具有商業(yè)意義。畢竟,為什么要讓某些人難以訪問您的內(nèi)容和購(gòu)買您的產(chǎn)品,而只要稍加思考,您就可以讓更多人訪問您的網(wǎng)站?
設(shè)計(jì)一個(gè)易于訪問的站點(diǎn)并不困難。然而,仍然有很多網(wǎng)站無法滿足視力受損或其他挑戰(zhàn)的人們的需求。因此,請(qǐng)為那些可能會(huì)在您下次開始新成都網(wǎng)站設(shè)計(jì)時(shí)發(fā)現(xiàn)使用網(wǎng)站具有挑戰(zhàn)性的人考慮一下。并考慮這十種簡(jiǎn)單的方法,讓更多人可以訪問網(wǎng)站。
許多醫(yī)療條件使得使用鼠標(biāo)變得困難或不可能。因此,請(qǐng)確保您構(gòu)建的任何網(wǎng)站都可以僅使用鍵盤進(jìn)行導(dǎo)航。例如,這意味著必須可以在表單的字段之間切換。每個(gè)頁(yè)面上的關(guān)鍵元素必須僅使用鍵盤即可訪問??稍L問性的這一方面很容易實(shí)現(xiàn)和測(cè)試。只需拔下您的鼠標(biāo),看看您是否可以瀏覽您的站點(diǎn)并使用各種功能。
網(wǎng)站上的顏色首先要記住的是使用對(duì)比度使元素對(duì)視障人士脫穎而出。但如果你也考慮色盲的人,這會(huì)有所幫助,所以最好不要使用顏色來強(qiáng)調(diào)。相反,使用粗體和斜體來突出重要文本。并避免使用紅色和綠色來對(duì)比網(wǎng)站上的元素,因?yàn)殡y以區(qū)分紅色和綠色是最常見的色盲形式。顏色區(qū)分的第二個(gè)最常見的問題是藍(lán)黃色盲。
圖像上的替代文字不是用來填充關(guān)鍵字的。相反,替代文本是輔助功能應(yīng)用程序閱讀和大聲朗讀的內(nèi)容,用于向視障人士描述圖像。因此,使用替代文本以有意義和描述性的方式解釋圖像的內(nèi)容。例如,使用像“一張快樂、微笑的孩子在海邊嬉戲的照片”這樣的短語(yǔ)。在alt描述中使用關(guān)鍵字是良好的SEO做法。即便如此,請(qǐng)記住,替代文本在大聲朗讀時(shí)仍然需要有意義。
有些用戶會(huì)希望使用瀏覽器上的縮放功能來調(diào)整網(wǎng)頁(yè)大小。因此,這是設(shè)計(jì)網(wǎng)站時(shí)要考慮和測(cè)試的可訪問性的另一個(gè)方面。避免調(diào)整大小問題的最佳方法是不使用絕對(duì)單位。例如,以相對(duì)術(shù)語(yǔ)而非像素指定文本大小。然后,當(dāng)用戶調(diào)整頁(yè)面大小時(shí),整個(gè)頁(yè)面將正確調(diào)整大小。
視頻內(nèi)容已成為網(wǎng)站的共同特征。但是,如果沒有字幕,聽力受損的用戶將無法使用視頻內(nèi)容。字幕還將幫助那些發(fā)現(xiàn)很難專注于純視覺內(nèi)容的人。因此,為所有視頻內(nèi)容添加字幕將提高內(nèi)容的可訪問性。
自動(dòng)播放的視頻和音頻文件可能會(huì)嚇到一些人。當(dāng)您使用屏幕閱讀器時(shí),關(guān)閉自動(dòng)功能可能會(huì)很棘手。因此,通常最好避免嵌入自動(dòng)啟動(dòng)的媒體??焖僖苿?dòng)的幻燈片和旋轉(zhuǎn)木馬對(duì)某些人來說也具有挑戰(zhàn)性。因此,最好避免使用此類自動(dòng)導(dǎo)航功能?;蛘?,如果您確實(shí)使用了這些自動(dòng)化功能中的任何一個(gè),請(qǐng)輕松關(guān)閉自動(dòng)化。
正確使用標(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ì)使使用屏幕閱讀器的人難以理解文本。
表格需要清楚地標(biāo)記以便于使用。并且需要放置標(biāo)簽,以便很明顯它們指的是哪個(gè)字段。還應(yīng)提供有關(guān)如何填寫表格的明確說明。并且任何關(guān)于未正確完成的部分的說明也需要清楚地顯示。最好在字段之間使用大量空白來區(qū)分表單的每個(gè)元素。
ARIA(AccessibleRichInternetApplications)地標(biāo)和HTML5元素是描述性標(biāo)簽,可添加到網(wǎng)頁(yè)元素以提高可訪問性。這些標(biāo)簽,如“contentinfo”、“main”和“form”,被輔助技術(shù)應(yīng)用程序用來幫助頁(yè)面導(dǎo)航。例如,ARIALandmarks和HTML5Elements允許用戶識(shí)別并跳到頁(yè)面的相關(guān)部分。
表格可以幫助人們理解數(shù)據(jù),但如果表格格式不正確,也會(huì)造成混淆。因此,避免使用包含許多行和列的過于復(fù)雜的表格。并確保行和列被清楚地標(biāo)記。最好避免將表格用于數(shù)據(jù)以外的任何內(nèi)容,因?yàn)樗鼤?huì)使屏幕閱讀器感到困惑。頁(yè)面上的表格太多也很難通過Tab鍵瀏覽。
以上并不是使網(wǎng)站易于訪問的方法的詳盡列表。但希望它能很好地介紹可訪問性。從這篇文章中得出的重要一點(diǎn)是,將可訪問性設(shè)計(jì)到網(wǎng)站中并不難。盡管如此,它仍然可以為某些人帶來不同的世界。
更重要的是,在成都網(wǎng)站設(shè)計(jì)中包含輔助功能不會(huì)影響用戶體驗(yàn)。相反,上述許多建議都是良好的網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐,例如將文本與標(biāo)題和副標(biāo)題分開。因此,設(shè)計(jì)可訪問的網(wǎng)站對(duì)每個(gè)人都有好處。