如何建設(shè)一個(gè)無障礙網(wǎng)頁?教程來了!
對于某些類型的殘障人士而言,諸如鍵盤、顯示器和電腦滑鼠之類的標(biāo)準(zhǔn)電腦硬件可能難以或無法被他們操作,無法用于網(wǎng)頁瀏覽與導(dǎo)航。不過幸運(yùn)的是,現(xiàn)在已經(jīng)有替代方法可以幫助他們使用網(wǎng)頁或?yàn)g覽網(wǎng)絡(luò)了,這些技術(shù)稱為無障礙網(wǎng)頁。
雖然“無障礙網(wǎng)頁”一詞可用于使網(wǎng)頁設(shè)計(jì)變得容易或容易的任何內(nèi)容,但本文僅討論那些用于補(bǔ)充或替換普通網(wǎng)頁的無障礙網(wǎng)頁開發(fā)規(guī)范。
擁有眾多不同的無障礙設(shè)計(jì)規(guī)范,你可能很難知道從哪里開始比較好。本文將根據(jù)殘障人士可能想要我們幫助他們解決的問題,按類型對它們進(jìn)行闡述。
- 視力障礙的無障礙網(wǎng)頁規(guī)范
- 聽力障礙的無障礙網(wǎng)頁規(guī)范
- 本文小結(jié)
- 視力障礙的無障礙網(wǎng)頁規(guī)范
世界盲人聯(lián)合會(huì)估計(jì),全世界大約有3%的成年人患有某種形式的視力障礙,嚴(yán)重程度從損傷到完全失明。以下無障礙設(shè)計(jì)規(guī)范是針對視力障礙者常用的一些技術(shù)。
- 螢?zāi)环糯箸R:對于視力低下的人,螢?zāi)环糯筌涹w會(huì)放大電腦螢?zāi)换蛞苿?dòng)設(shè)備上的文本和圖形,通常是原始大小的20倍。螢?zāi)环糯箸R可以用作虛擬放大鏡,允許用戶控制螢?zāi)坏哪膫€(gè)區(qū)域獲得焦點(diǎn)。
- 螢?zāi)环糯筌涹w的一些常見功能是:
- 放大網(wǎng)頁設(shè)計(jì)或文檔輸入時(shí)的字詞,幫助用戶以便立即糾正錯(cuò)誤。
- 放大和增強(qiáng)螢?zāi)簧系幕蠊鈽?biāo),以便可以更輕松地找到它。
- 以預(yù)設(shè)的速度自動(dòng)從上到下掃描頁面,以便用戶以舒適的速度閱讀文本。
- 螢?zāi)环糯箸R是容易使用的無障礙網(wǎng)頁開發(fā)規(guī)范之一。Windows和Mac電腦以及iOS和Android設(shè)備均帶有內(nèi)建的螢?zāi)环糯筌涹w。
然而,但有些瀏覽器并不支援螢?zāi)环糯箸R,這就需要你在網(wǎng)頁設(shè)計(jì)的時(shí)候植入更多的相關(guān)元素,將按鈕和關(guān)鍵字放大,以便殘障用戶使用。你可以點(diǎn)擊這里,查看云中科的用戶范例。
點(diǎn)擊這里,立即建設(shè)一個(gè)無障礙網(wǎng)頁!
- 螢?zāi)婚喿x器
螢?zāi)环糯筌涹w對于某些擁有視力障礙的人來說是一個(gè)很好的解決方案,但對于其他人則不是。對于許多視力障礙人士來說,另一種輔助技術(shù)選擇是螢?zāi)婚喿x器軟體,這種軟體可以將螢?zāi)簧系奈谋巨D(zhuǎn)換為合成語音。
用戶可以根據(jù)自己的情況調(diào)整螢?zāi)婚喿x器參數(shù)。常用設(shè)定包括語音的速度和音量,以及合成語音的性別和重音。
因此,網(wǎng)頁設(shè)計(jì)都必須使螢?zāi)婚喿x器能夠發(fā)聲:網(wǎng)頁,文檔,電子表格,演示文稿,用戶界面文本等。不同的命令允許用戶在網(wǎng)頁之間或之內(nèi)進(jìn)行導(dǎo)航,例如透過標(biāo)題,列表或連結(jié)。在開始設(shè)計(jì)網(wǎng)頁之前,或許你需要了解一下什么是動(dòng)態(tài)網(wǎng)頁,對動(dòng)態(tài)網(wǎng)頁以及靜態(tài)網(wǎng)頁的區(qū)分能夠說明你需要哪種類型的網(wǎng)頁!這樣才可以幫助節(jié)省一些資源,如果你想要了解什么是動(dòng)態(tài)網(wǎng)頁,點(diǎn)擊這里就行了!
這里我要推薦云中科。這個(gè)建站平臺的網(wǎng)頁設(shè)計(jì)模板非常適合螢?zāi)婚喿x器,你可以使用部落格版塊植入閱讀器友好的文字,導(dǎo)航欄的分割和版塊能夠自動(dòng)生成,非常方便。你可以點(diǎn)擊這里查看范例。
為了幫助大家走出COVID-19的影響。點(diǎn)擊這里,現(xiàn)在云中科提供免費(fèi)建站版本供你使用。
你也可以點(diǎn)擊這里注冊免費(fèi)試用14天進(jìn)階版功能,感受云中科強(qiáng)大的無障礙網(wǎng)頁設(shè)計(jì)。
- 聽力障礙的無障礙網(wǎng)頁規(guī)范
在傳統(tǒng)的網(wǎng)絡(luò)空間中,聽力障礙者的輔助技術(shù)通常旨在彌補(bǔ)多媒體內(nèi)容的隱藏式字幕和字幕內(nèi)容的不足。
聽力障礙者經(jīng)常使用隱藏式字幕,以理解和使用多媒體內(nèi)容,這在影片和音頻很常見。不過,Web Content Accessibility Guidelines(WCAG)2.1要求包括基于文本的替代方法。
- 規(guī)范1: 對于聽覺及視覺的內(nèi)容要提供相等的替代文字內(nèi)容
- 規(guī)范2: 不要單獨(dú)靠色彩來提供特殊資訊
- 規(guī)范3: 適當(dāng)?shù)厥褂脴?biāo)記語言和樣式窗體
- 規(guī)范4: 闡明自然語言的使用
- 規(guī)范5: 建立編排良好的表格
- 規(guī)范6: 確保網(wǎng)頁能在新科技下良好地呈現(xiàn)
- 規(guī)范7: 確保使用者能處理時(shí)間敏感內(nèi)容的改變
- 規(guī)范8: 確保嵌入式使用者介面具有直接可及性
- 規(guī)范9: 設(shè)計(jì)裝置獨(dú)立網(wǎng)頁
- 規(guī)范10: 使用過渡的解決方案
- 規(guī)范11: 使用國際與國內(nèi)官方訂定的技術(shù)和規(guī)范
- 規(guī)范12: 提供內(nèi)容導(dǎo)引信息
- 規(guī)范13: 提供清楚的瀏覽網(wǎng)站機(jī)制
- 規(guī)范14: 確保簡單清楚的網(wǎng)頁內(nèi)容
不幸的是,并非所有無障礙網(wǎng)站都符合這些WCAG要求。符合這些要求的建站平臺也不是很多,現(xiàn)在的話wix、云中科和WordPress無障礙網(wǎng)頁設(shè)計(jì)對于這些無障礙網(wǎng)站的支援比較好。你可以點(diǎn)擊這里查看相關(guān)范例。
來源:云中科用戶范例
我一直使用的是云中科。主要是因?yàn)樗捎靡曈X化建站,操作起來比較方便。以我為例,就像我開始的時(shí)候需要十幾分鐘建站,現(xiàn)在我?guī)追昼娋湍芗芎靡粋€(gè)網(wǎng)頁,非常好用。
點(diǎn)擊這里,立即使用云中科建設(shè)自己的無障礙網(wǎng)頁
以上就是關(guān)于無障礙網(wǎng)頁的幾個(gè)小知識和建設(shè)技巧了,你也可以訪問云中科部落格獲取更多資訊,點(diǎn)擊這里即可查收!
立即建設(shè)自己的無障礙網(wǎng)站!