什么是網(wǎng)站可訪問性呢?簡(jiǎn)單來說,就是網(wǎng)站的可用性。例如,企業(yè)網(wǎng)站沒有導(dǎo)航、打開了標(biāo)題但是沒有內(nèi)容、出現(xiàn)了死鏈,這些都是網(wǎng)站可訪問性差的表現(xiàn)。
如何判斷一個(gè)網(wǎng)站 可訪問性是合格的呢?為此,我們專門編制了一份檢查表。借助這一檢查表,我們可以查驗(yàn)一個(gè)網(wǎng)站是否可訪問。
視頻字幕檢查
如果網(wǎng)站上有視頻文件,檢查其是否有字幕或者專業(yè)的解說。
音頻檢查
1.視頻內(nèi)容是否附帶有音頻。
2.音頻是否與視頻內(nèi)容相吻合。
色彩對(duì)比檢查
網(wǎng)站的背景與圖像和文字,是否存在對(duì)比。如圖片是淺色的,背景應(yīng)該是深色的,反之亦然。
字體大小檢查
1.不允許當(dāng)用戶在滾動(dòng)的時(shí)候,導(dǎo)致字體大小變化。
2.應(yīng)該允許最大調(diào)整到200%。
文本圖像檢查
使用CSS將文本樣式化。
尋找項(xiàng)目檢查
1.添加站點(diǎn)地圖。
2.增加站內(nèi)搜索功能。
3.創(chuàng)建導(dǎo)航菜單。
4.使得導(dǎo)航欄與網(wǎng)站其它部分設(shè)計(jì)風(fēng)格統(tǒng)一。
標(biāo)題和標(biāo)簽檢查
1.文本擁有主標(biāo)題和副標(biāo)題,并且簡(jiǎn)要描述內(nèi)容。
2.表格或者表單,需要有標(biāo)簽。
視覺焦點(diǎn)突出檢查
1.使用CSS為元素添加邊框或下劃線。
2.集中顯示所有站點(diǎn)元素,如菜單、表單字段和鏈接。
語言檢查
網(wǎng)站中如果有非默認(rèn)語言的內(nèi)容,應(yīng)該予以說明或者翻譯。
導(dǎo)航一致檢查
導(dǎo)航菜單中的項(xiàng)目,應(yīng)該使用統(tǒng)一的標(biāo)準(zhǔn)進(jìn)行排序。例如,如果你是一家銷售鋼鐵的企業(yè)網(wǎng)站,產(chǎn)品中心這一欄目中的一級(jí)菜單應(yīng)該是中厚板、型鋼、管材,而不應(yīng)該是:中厚板、型鋼、建筑鋼材。后者菜單就是不一致的表現(xiàn)。
標(biāo)簽一致性檢查
對(duì)具有相同函數(shù)的元素使用相同的alt屬性。
使用相同的函數(shù)標(biāo)記和命名網(wǎng)站元素。
錯(cuò)誤提醒檢查
1.當(dāng)用戶錯(cuò)誤輸入,能夠識(shí)別出來。例如在表單填寫的時(shí)候,在日期輸入框填寫了漢字。
2.用文本向用戶提示錯(cuò)誤。但用戶錯(cuò)誤輸入的時(shí)候 ,可以通過跳出文本框的方式,提醒用戶重新輸入。
改錯(cuò)檢查(允許用戶更改錯(cuò)誤)
1.允許用戶對(duì)自己的錯(cuò)誤進(jìn)行更改。例如,添加有取消訂單按鈕。
2.允許用戶糾正錯(cuò)誤。例如,用戶在填寫表單的時(shí)候,輸入了錯(cuò)誤的姓名,允許用戶更改用戶名。
3.創(chuàng)建有確認(rèn)頁面,詳細(xì)說明用戶輸入的結(jié)果。例如,不少視頻網(wǎng)站,用戶在進(jìn)入之前,都會(huì)跳出使用協(xié)議,只有用戶點(diǎn)擊“確定”才能使用。
如何判斷一個(gè)網(wǎng)站 可訪問性是合格的呢?為此,我們專門編制了一份檢查表。借助這一檢查表,我們可以查驗(yàn)一個(gè)網(wǎng)站是否可訪問。
視頻字幕檢查
如果網(wǎng)站上有視頻文件,檢查其是否有字幕或者專業(yè)的解說。
音頻檢查
1.視頻內(nèi)容是否附帶有音頻。
2.音頻是否與視頻內(nèi)容相吻合。
色彩對(duì)比檢查
網(wǎng)站的背景與圖像和文字,是否存在對(duì)比。如圖片是淺色的,背景應(yīng)該是深色的,反之亦然。
字體大小檢查
1.不允許當(dāng)用戶在滾動(dòng)的時(shí)候,導(dǎo)致字體大小變化。
2.應(yīng)該允許最大調(diào)整到200%。
文本圖像檢查
使用CSS將文本樣式化。
尋找項(xiàng)目檢查
1.添加站點(diǎn)地圖。
2.增加站內(nèi)搜索功能。
3.創(chuàng)建導(dǎo)航菜單。
4.使得導(dǎo)航欄與網(wǎng)站其它部分設(shè)計(jì)風(fēng)格統(tǒng)一。
標(biāo)題和標(biāo)簽檢查
1.文本擁有主標(biāo)題和副標(biāo)題,并且簡(jiǎn)要描述內(nèi)容。
2.表格或者表單,需要有標(biāo)簽。
視覺焦點(diǎn)突出檢查
1.使用CSS為元素添加邊框或下劃線。
2.集中顯示所有站點(diǎn)元素,如菜單、表單字段和鏈接。
語言檢查
網(wǎng)站中如果有非默認(rèn)語言的內(nèi)容,應(yīng)該予以說明或者翻譯。
導(dǎo)航一致檢查
導(dǎo)航菜單中的項(xiàng)目,應(yīng)該使用統(tǒng)一的標(biāo)準(zhǔn)進(jìn)行排序。例如,如果你是一家銷售鋼鐵的企業(yè)網(wǎng)站,產(chǎn)品中心這一欄目中的一級(jí)菜單應(yīng)該是中厚板、型鋼、管材,而不應(yīng)該是:中厚板、型鋼、建筑鋼材。后者菜單就是不一致的表現(xiàn)。
標(biāo)簽一致性檢查
對(duì)具有相同函數(shù)的元素使用相同的alt屬性。
使用相同的函數(shù)標(biāo)記和命名網(wǎng)站元素。
錯(cuò)誤提醒檢查
1.當(dāng)用戶錯(cuò)誤輸入,能夠識(shí)別出來。例如在表單填寫的時(shí)候,在日期輸入框填寫了漢字。
2.用文本向用戶提示錯(cuò)誤。但用戶錯(cuò)誤輸入的時(shí)候 ,可以通過跳出文本框的方式,提醒用戶重新輸入。
改錯(cuò)檢查(允許用戶更改錯(cuò)誤)
1.允許用戶對(duì)自己的錯(cuò)誤進(jìn)行更改。例如,添加有取消訂單按鈕。
2.允許用戶糾正錯(cuò)誤。例如,用戶在填寫表單的時(shí)候,輸入了錯(cuò)誤的姓名,允許用戶更改用戶名。
3.創(chuàng)建有確認(rèn)頁面,詳細(xì)說明用戶輸入的結(jié)果。例如,不少視頻網(wǎng)站,用戶在進(jìn)入之前,都會(huì)跳出使用協(xié)議,只有用戶點(diǎn)擊“確定”才能使用。