十個(gè)可以提升網(wǎng)站可訪問(wèn)性的設(shè)計(jì)技巧

1.確保網(wǎng)站對(duì)鍵盤(pán)友好
確保構(gòu)建的任何網(wǎng)站都可以單獨(dú)使用鍵盤(pán)導(dǎo)航。這意味著必須能夠在表單上的字段之間進(jìn)行制表。每個(gè)頁(yè)面上的關(guān)鍵元素必須僅通過(guò)鍵盤(pán)即可訪問(wèn)。可訪問(wèn)性的這一方面很容易實(shí)現(xiàn)和測(cè)試。只需拔下鼠標(biāo)，看看你是否可以在網(wǎng)站上導(dǎo)航并使用各種功能。
2.小心選擇顏色
在一個(gè)網(wǎng)站上使用顏色首先要記住的是使用對(duì)比度使元素對(duì)視力受損的人突出。但如果你也考慮到色盲的人，這會(huì)有所幫助，所以最好不要用顏色來(lái)強(qiáng)調(diào)。相反，使用粗體和斜體突出顯示重要文本。避免使用紅色和綠色來(lái)對(duì)比網(wǎng)站上的元素，因?yàn)閰^(qū)分紅色和綠色是最常見(jiàn)的色盲形式。第二個(gè)最常見(jiàn)的顏色區(qū)分問(wèn)題是藍(lán)黃色色盲。
3.向圖像中添加有意義的Alt文本
圖片上的Alt文本不適合你填充關(guān)鍵詞。相反，alt文本是可訪問(wèn)性應(yīng)用程序讀取并大聲說(shuō)出的內(nèi)容，用于向視力受損者描述圖像。因此，使用alt文本以有意義和描述性的方式解釋圖像的內(nèi)容。例如，使用諸如“一個(gè)快樂(lè)、微笑的孩子在玩海的圖片”這樣的短語(yǔ)。在alt描述中使用關(guān)鍵字是一種很好的搜索引擎優(yōu)化實(shí)踐。即使如此，請(qǐng)記住，在大聲朗讀時(shí)，alt文本仍然需要有意義。
4.啟用可調(diào)整大小的文本
有些用戶希望通過(guò)使用瀏覽器上的縮放功能調(diào)整網(wǎng)頁(yè)大小。因此，這是設(shè)計(jì)站點(diǎn)時(shí)要考慮和測(cè)試的可訪問(wèn)性的另一個(gè)方面。避免調(diào)整大小問(wèn)題的最佳方法是不要使用絕對(duì)單位。
5.為視頻內(nèi)容提供字幕
視頻內(nèi)容已經(jīng)成為網(wǎng)站的一個(gè)共同特征。但是，如果沒(méi)有字幕，聽(tīng)力受損的用戶將無(wú)法使用視頻內(nèi)容。而字幕也將幫助那些覺(jué)得專(zhuān)注于純視覺(jué)內(nèi)容很有挑戰(zhàn)性的人。因此，在所有視頻內(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)的介質(zhì)。快速移動(dòng)的幻燈片和旋轉(zhuǎn)木馬對(duì)一些人來(lái)說(shuō)也是一個(gè)挑戰(zhàn)。因此，最好避免使用這些自動(dòng)導(dǎo)航功能?；蛘?，如果您確實(shí)使用了這些自動(dòng)化功能中的任何一個(gè)，則可以輕松地關(guān)閉自動(dòng)化。
7.正確使用標(biāo)題標(biāo)簽
標(biāo)題的正確使用將使內(nèi)容更易于每個(gè)人閱讀。標(biāo)題和副標(biāo)題將有助于屏幕讀者理解和瀏覽文本。但是，在正確的位置使用正確的標(biāo)題標(biāo)簽也是很重要的。
8.確保表格可訪問(wèn)
表格需要清楚地貼上標(biāo)簽，以便于使用。而且標(biāo)簽的放置方式必須使其指向的字段清晰可見(jiàn)。還應(yīng)提供關(guān)于如何填寫(xiě)表格的明確說(shuō)明。任何關(guān)于錯(cuò)誤完成部分的說(shuō)明也需要清楚地顯示出來(lái)。最好在字段之間使用大量空白來(lái)區(qū)分表單的每個(gè)元素。
9.使用ARIA地標(biāo)或HTML5元素
ARIA（可訪問(wèn)的富互聯(lián)網(wǎng)應(yīng)用程序）地標(biāo)和HTML5元素是描述性標(biāo)記，cab將其添加到網(wǎng)頁(yè)元素中以提高可訪問(wèn)性。
10.謹(jǐn)慎使用表格
表格可以幫助人們理解數(shù)據(jù)，但如果表格的格式不正確，也會(huì)造成混亂。因此，避免使用包含許多行和列的過(guò)于復(fù)雜的表，并確保行和列都有清晰的標(biāo)簽。最好避免將表用于數(shù)據(jù)以外的任何內(nèi)容，因?yàn)樗鼤?huì)混淆屏幕閱讀器。一個(gè)頁(yè)面上有太多的表格也可能很難用tab鍵瀏覽。

當(dāng)前題目：十個(gè)可以提升網(wǎng)站可訪問(wèn)性的設(shè)計(jì)技巧
瀏覽地址：http://www.bm7419.com/news28/281028.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、小程序開(kāi)發(fā)、網(wǎng)站導(dǎo)航、定制網(wǎng)站、網(wǎng)站收錄、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)