如何創(chuàng)建一個無障礙網(wǎng)站

作為網(wǎng)站設(shè)計或開發(fā)人員，您可以解決可訪問性，增加受眾群體，甚至提高搜索排名。通常這些問題都有一個簡單的解決方案，對您的設(shè)計影響不大。
該準則無障礙是廣泛的，但這里有幾個關(guān)鍵的建議。無論出于何種原因，在您的網(wǎng)站設(shè)計中包含所有指南可能是不可行的，這沒關(guān)系。目標不是打破網(wǎng)站的核心功能或設(shè)計，而是避免不必要的排除。包括盡可能多的優(yōu)化，因為您正在設(shè)計的網(wǎng)站是合理的。

• 優(yōu)化視覺障礙
  到目前為止，您大的任務(wù)在于改進視覺設(shè)計。擁有不友好的顏色或?qū)Ρ榷鹊木W(wǎng)站可能會導(dǎo)致有困難的人混淆或頭痛。使用高對比度; 文字應(yīng)該是暗的或輕的，以便于閱讀。白色的淺灰色文字可能很時髦，但對于低視力的人來說，它幾乎是不可見的。
  考慮包括大文本模式，或可以修改字體，大小和樣式的菜單。
  避免使用閃爍和閃爍，重復(fù)模式和其他癲癇觸發(fā)器 - 特別是未經(jīng)同意。這些不僅令人討厭，而且非常危險。屏幕閱讀器友好性應(yīng)該是一個優(yōu)先事項。有更多的屏幕閱讀器好實踐，但請注意以下幾點：
  
  某些UI類型（例如隱藏在其中的按鈕的下拉菜單）不兼容。
  用標題組織內(nèi)容。
  定義ARIA地標以便于導(dǎo)航。
  alt必要時提供非可視替代方案，例如使用圖像標記。
  W3C可訪問性標準
  

• 不要僅通過視覺，聲音或顏色傳達信息
  不應(yīng)該說紫色文本放在藍色背景上是一個可怕的想法，不僅僅是對于色盲用戶，還有其他問題你可能沒有意識到。始終包含顏色以外的指示燈。卡在表單上的人不會欣賞錯誤框周圍的“ 簡約 ”紅色突出顯示，沒有其他視覺指示。
  同樣，避免僅需要聲音或圖像進行導(dǎo)航。包括視頻的音頻記錄或字幕。使用圖像alt標記，并包含非文本內(nèi)容的文本版本。不要僅通過視覺，聲音或顏色傳達信息。

• 使您的網(wǎng)站易于瀏覽和理解
  網(wǎng)絡(luò)已經(jīng)轉(zhuǎn)向簡化，這對于那些需要易于瀏覽網(wǎng)站的人來說非常棒。但是，仍然存在許多阻止可訪問性的常見錯誤。它通常歸結(jié)為保持清晰一致的設(shè)計。
  使用可預(yù)測的導(dǎo)航元素。如果您在一個頁面的頂部欄中有鏈接，而在另一個頁面上有側(cè)欄，則只會導(dǎo)致混淆。
  需要盡可能少的機動來繞行，例如使用粘性導(dǎo)航欄。
  使互動元素脫穎而出。
  標記和定義單擊目標（框，鏈接，表單）。不要讓它們小而且難以按壓。
  您的網(wǎng)站應(yīng)該只能通過鍵盤導(dǎo)航。永遠不要禁用焦點指示器。
  用清晰易懂的文字書寫，或提供更簡單的版本。
  提供一種排除多余CSS的布局模式。
  提供有用的錯誤消息，解釋出現(xiàn)了什么問題以及如何解決問題。
  創(chuàng)建響應(yīng)式網(wǎng)站，或設(shè)計移動版本。
  使您的網(wǎng)站易于瀏覽和理解
  使網(wǎng)站可訪問

最后，如果許多網(wǎng)站采用這些標準，我們將共同創(chuàng)建一個更好，更具包容性的互聯(lián)網(wǎng)。

文章標題：如何創(chuàng)建一個無障礙網(wǎng)站
URL地址：http://m.kartarina.com/news20/79620.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、外貿(mào)建站、品牌網(wǎng)站建設(shè)、網(wǎng)站排名、自適應(yīng)網(wǎng)站、用戶體驗

廣告

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