Godzilla. 2018-10-23
網(wǎng)站建設(shè)
為您的Web設(shè)計過程帶來可訪問性
互聯(lián)網(wǎng)本質(zhì)上是各行各業(yè)的人們可以參觀的地方。殘疾人面臨的物理障礙在網(wǎng)上減少了。遺憾的是，許多人在網(wǎng)絡(luò)上遇到了新的障礙：內(nèi)容不是為了訪問而設(shè)計的。
作為網(wǎng)頁設(shè)計師或開發(fā)人員，您可以解決這些問題，增加受眾群體，甚至提高搜索排名。關(guān)于創(chuàng)造完美頁面的靈感來源，通常這些問題都有一個簡單的解決方案，對您的設(shè)計影響不大 - 如果您愿意發(fā)揮創(chuàng)意。
1、如何創(chuàng)建一個無障礙網(wǎng)站
可訪問性指南很廣泛，但這里有一些重要的建議。無論出于何種原因，在您的網(wǎng)站設(shè)計中包含所有指南可能是不可行的，這沒關(guān)系。
目標(biāo)不是打破網(wǎng)站的核心功能或設(shè)計，而是避免不必要的排除。包括盡可能多的優(yōu)化，這對您正在設(shè)計的網(wǎng)站是明智的。
2、優(yōu)化視覺障礙
到目前為止，您最大的任務(wù)在于改進(jìn)視覺設(shè)計。擁有不友好的顏色或?qū)Ρ榷鹊木W(wǎng)站可能會導(dǎo)致有困難的人混淆或頭痛。
.使用高對比度文字應(yīng)該是暗的或足夠輕的，以便于閱讀。白色的淺灰色文字可能很時髦，但對于低視力的人來說，它幾乎是不可見的。
.考慮包括大文本模式，或可以修改字體，大小和樣式的菜單。
.避免使用閃爍和明亮，重復(fù)模式和其他癲癇觸發(fā)器 - 特別是未經(jīng)同意。這些不僅令人討厭，而且非常危險。
屏幕閱讀器的友好性應(yīng)該是首要任務(wù)。有更多的屏幕閱讀器最佳實(shí)踐，但這里有一些要記住的事項：
.某些UI類型（例如隱藏在其中的按鈕的下拉菜單）不兼容。
.始終使用lang屬性指定語言。
.用標(biāo)題組織內(nèi)容。
.定義ARIA地標(biāo)以便于導(dǎo)航。
.必要時提供非可視替代方案，例如使用圖像alt標(biāo)記。
3、不要僅通過視覺，聲音或顏色傳達(dá)信息
上海網(wǎng)站設(shè)計認(rèn)為不應(yīng)該說紫色文本放在藍(lán)色背景上是一個可怕的想法，不僅僅是對于色盲用戶，還有其他問題你可能沒有意識到。
.始終包含顏色以外的指示燈?？ㄔ诒韱紊系娜瞬粫蕾p錯誤框周圍的“簡約”紅色突出顯示，如果沒有其他視覺指示的話。
.同樣，避免單獨(dú)使用聲音或圖像進(jìn)行導(dǎo)航。
.包括視頻的音頻記錄或字幕。
.使用圖像alt標(biāo)記，并包含非文本內(nèi)容的文本版本。
4、使您的網(wǎng)站易于瀏覽和理解
網(wǎng)絡(luò)已經(jīng)轉(zhuǎn)向簡化，這對于那些需要易于瀏覽的網(wǎng)站的人來說非常棒。但是，仍然存在許多阻止可訪問性的常見錯誤。它通常歸結(jié)為保持清晰一致的設(shè)計。
.使用可預(yù)測的導(dǎo)航元素。如果您在一個頁面的頂部欄中有鏈接，而在另一個頁面上有側(cè)欄，那么您只會引起混淆。
.需要盡可能少的機(jī)動來繞行，例如使用粘性導(dǎo)航欄。
.使互動元素脫穎而出。
.標(biāo)記和定義點(diǎn)擊目標(biāo)（框，鏈接，表單）。不要讓它們變小，難以按壓。
.您的網(wǎng)站應(yīng)該只能通過鍵盤導(dǎo)航。永遠(yuǎn)不要禁用焦點(diǎn)指示器。
.用清晰易懂的文字書寫，或提供更簡單的版本。
.提供一種排除多余CSS的布局模式。
.提供有用的錯誤消息，解釋出現(xiàn)了什么問題以及如何解決問題。
.創(chuàng)建響應(yīng)式網(wǎng)站或設(shè)計移動版本。
5、使Web可訪問
這些只是關(guān)于如何讓每個人都可以使用您的網(wǎng)站的一些建議。如果可能，請讓殘疾人測試您的網(wǎng)站，或使用工具模擬色盲，屏幕閱讀器等。
世界上有15％的人有殘疾，現(xiàn)在是時候創(chuàng)建一個滿足每個人需求的網(wǎng)站了。最后，如果許多網(wǎng)站采用這些標(biāo)準(zhǔn)，我們將共同創(chuàng)建一個更好，更具包容性的互聯(lián)網(wǎng)。
文章標(biāo)簽：
Web設(shè)計 網(wǎng)站設(shè)計
文章評論：