????? ? 滿足網(wǎng)站可訪問性標(biāo)準(zhǔn)的7個(gè)技巧
擁有一個(gè)偉大的網(wǎng)站意味著檢查多個(gè)框,包括視覺上的吸引力,好的內(nèi)容,優(yōu)化的搜索引擎優(yōu)化,強(qiáng)大的CTA,偉大的圖像和夢幻般的導(dǎo)航。但是經(jīng)常被忽視的一個(gè)方框是可訪問性。這就是為什么我們要分享我們的7個(gè)提示,以滿足網(wǎng)站可訪問性標(biāo)準(zhǔn),以捕獲20%的網(wǎng)絡(luò)流量。
滿足網(wǎng)站可訪問性標(biāo)準(zhǔn)的7個(gè)技巧
了解所有潛在用戶可訪問性必要性的網(wǎng)站開發(fā)人員和設(shè)計(jì)人員利用萬維網(wǎng)聯(lián)盟(W3C)網(wǎng)站可訪問性計(jì)劃指南來確保站點(diǎn)得到適當(dāng)優(yōu)化。
這些是每個(gè)網(wǎng)站應(yīng)該包含的7個(gè)提示,以增加網(wǎng)站的可訪問性:
完全響應(yīng)的站點(diǎn) -?完全響應(yīng)的網(wǎng)站設(shè)計(jì)將確保所有用戶都可以輕松訪問和查看,無論用于訪問站點(diǎn)的屏幕或設(shè)備的大小如何。
圖像上的Alt標(biāo)簽 -?有些人依靠屏幕閱讀器,可刷新的盲文顯示器或其他技術(shù)來訪問網(wǎng)站上顯示的信息。但是,這些工具無法解釋圖片,圖表,圖形元素或照片等圖像。因此,每個(gè)圖像還應(yīng)包含一個(gè)Alt標(biāo)記。Alt標(biāo)簽是一段簡單的HTML,用于傳遞圖像包含或傳達(dá)的文本描述。
適當(dāng)?shù)腡TB比率 -?文本到背景的網(wǎng)頁比率對(duì)于用戶閱讀網(wǎng)站的整體能力很重要。一些設(shè)計(jì)師為了美學(xué)目的而減少文本和背景之間的對(duì)比度。這可能會(huì)對(duì)可訪問性產(chǎn)生負(fù)面影響。根據(jù)W3C,理想比例為4:5:1,這應(yīng)該在所有頁面上使用。
在視頻中加入字幕 -?就像為圖片添加Alt標(biāo)簽一樣,視頻中應(yīng)包含字幕。除了幫助有聽力損失的人更好地理解視頻內(nèi)容外,還有一些情況下人們可能希望在沒有聲音的情況下觀看視頻。
間距和字體大小 -?與TTB比率類似,應(yīng)使用特定參數(shù)來確定字體和間距以確??勺x性。字體應(yīng)至少為16像素。這可能會(huì)讓一些人感到震驚,因?yàn)槿藗兘?jīng)常使用12個(gè)像素,這個(gè)像素的尺寸更接近文檔上的12磅字體。任何小于16像素的東西都會(huì)降低可讀性和理解力。行之間的間距應(yīng)為字體大小的25%。此外,段落之間的空間應(yīng)至少是行高的1.5倍。
改進(jìn)的導(dǎo)航 -?有幾種方法可以接近導(dǎo)航。除了使用直觀和通用的導(dǎo)航設(shè)計(jì)元素外,還應(yīng)該關(guān)注網(wǎng)站上的鍵盤導(dǎo)航,因?yàn)椴⒎敲總€(gè)人都可以使用鼠標(biāo)。此外,應(yīng)強(qiáng)調(diào)視覺和符號(hào),使導(dǎo)航和移動(dòng)盡可能清晰。
包括輔助技術(shù) -?每個(gè)站點(diǎn)都應(yīng)使用常見的輔助技術(shù),如屏幕閱讀器和語言插件,以便為用戶提供最大的可訪問性。還應(yīng)考慮各種Windows或Mac輔助功能等內(nèi)容。
設(shè)計(jì)完全可訪問性時(shí)的另一個(gè)重要考慮因素是要記住,所有站點(diǎn)測試都應(yīng)包括測試組中的已禁用用戶。這樣,來自測試的反饋將包括所有潛在用戶,而不僅僅是80%的用戶。
每個(gè)人都應(yīng)該可以完全訪問互聯(lián)網(wǎng)上的所有網(wǎng)站?;ヂ?lián)網(wǎng)的目的是分享信息,并且在道德和道德上都是正確的,從商業(yè)角度來看,它最有意義。我們滿足網(wǎng)站可訪問性標(biāo)準(zhǔn)的7個(gè)技巧將有助于確保您的網(wǎng)站滿足每個(gè)客戶的需求,而不會(huì)疏遠(yuǎn)任何導(dǎo)致轉(zhuǎn)換和收入損失的人。