網(wǎng)站可訪問性簡介

我們討論了響應(yīng)式設(shè)計是一種確?？缭O(shè)備一致體驗的設(shè)計方法。有許多不同類型的屏幕可供使用，但也有不同的人使用這些屏幕有不同的需求。為了滿足所有這些不同的需求，您的設(shè)計應(yīng)具有響應(yīng)性和可訪問性。有局限性的人應(yīng)該得到并且需要順暢的用戶體驗。網(wǎng)站可訪問性使每個人都能更好地瀏覽網(wǎng)站。

牢記用戶的各種需求

我們需要超越人們對人們?nèi)绾螢g覽網(wǎng)絡(luò)的偏見。有許多方法可以在手上敲擊鍵盤或屏幕進行交互。有視力障礙的人可以使用屏幕閱讀器來聽取網(wǎng)頁的內(nèi)容。那些有良好運動挑戰(zhàn)的人可能會使用口棒或頭棒來引導(dǎo)他們的網(wǎng)絡(luò)互動。

對于我們這些沒有面對這些問題的人來說，很容易做出假設(shè)或忘記使用不同方法的人。我們需要認真對待他們的需求，以便他們能夠像其他人一樣訪問網(wǎng)絡(luò)的信息。

標記視覺媒體

在網(wǎng)站設(shè)計中，視覺效果往往受到青睞可以代替冗長的文字來講述故事。信息圖表，產(chǎn)品照片和其他信息豐富的視覺效果是我們的一些可視化工具。但對于有視覺障礙的用戶來說，這些東西并沒有幫助。

Alt標簽用于為使用屏幕閱讀器的視障用戶描述您網(wǎng)站上的圖片。很容易忘記替代文字描述，但這樣做確實會損害可用性。圖像除非它們純粹是裝飾性的，應(yīng)該有周到的替代文字描述。125個字符以內(nèi)的描述是一種常見的最佳實踐，意味著屏幕閱讀器可以正確地解釋它們。

視頻內(nèi)容在溝通想法方面很受歡迎且有效，但要確保其被正確加上字幕并包含成績單。對于描述或演示沒有音頻的動畫的動畫，可以使用單獨的音軌來描述正在發(fā)生的事情。

創(chuàng)建表單時要小心

網(wǎng)站通過表單收集我們的信息。約會網(wǎng)站通過表格收集我們的個人詳細信息。我們?yōu)榇髮W和研究生院填寫冗長的申請表（表格）。電子商務(wù)網(wǎng)站使用表單在結(jié)帳時獲取送貨和結(jié)算信息。您可以放心地假設(shè)，如果您輸入信息，則表示您正在使用表單。

填寫表單可能是一個煩人的過程，尤其是如果它們不是邏輯設(shè)計的話?；蛘弋斔麄兏杏X像是一片空蕩蕩的田野。對于那些生活在挑戰(zhàn)中的人來說，他們尤其棘手。與圖像的替代文字非常相似，數(shù)字形式的每個字段都應(yīng)該有一個描述性標簽。屏幕閱讀器和其他輔助設(shè)備讀取這些內(nèi)容以傳達用戶所需的信息類型。

選擇可讀的配色方案

布局不應(yīng)該被糟糕的調(diào)色板混淆。深藍色文字與類似藍色陰影的組合將減輕影響，使每個人都難以閱讀。選擇一起使用的顏色。這對所有用戶來說都是一個很好的設(shè)計實踐，特別是那些有視力挑戰(zhàn)的用戶。

在實用排版的基礎(chǔ)上構(gòu)建可用性

生僻的字體應(yīng)該只用作裝飾。您的正文內(nèi)容字體應(yīng)該既可讀又易讀。沒有人想以古怪的字體閱讀大塊文本?？勺x性對于掃描非常重要 - 這通常是我們閱讀在線內(nèi)容的方式。對于那些有視覺障礙的人，有工具和插件可以幫助他們擴大文字。如果字體大小基于像素，則放大文本可能很困難。但如果它們基于ems，它們可以輕松擴展。

許多設(shè)計師使用顏色來傳達信息，例如通過將項目變?yōu)榧t色來指示錯誤。但是有視力限制的人，比如色盲，不會看到這些微妙之處。因此，如果你依靠顏色來傳達信息，請確保你也用文字解釋它 - 特別是在表格中。

可訪問的排版需要清晰易讀，因此請確保：

1、字符是不同的，所以一個不容易與另一個混淆 - 一個簡單的方法來測試這是比較大寫字母I，小寫字母i，小寫字母l和數(shù)字1

2、類型樣式不復(fù)雜，具有清晰的層次結(jié)構(gòu)

3、字體應(yīng)該有足夠的空間，因此字詞和字符看起來不會擠壓在一起

無障礙設(shè)計意味著良好的設(shè)計

網(wǎng)站可訪問性意味著更好的可用性。消除復(fù)雜性并提高可用性，為每個人提供更好的體驗。正如有許多工具可以幫助那些有更好地駕馭物理世界的挑戰(zhàn)的人一樣，有很多方法可以讓他們在數(shù)字領(lǐng)域的體驗變得無縫。