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

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

牢記用戶的各種需求

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

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

標(biāo)記視覺媒體

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

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

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

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

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

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

選擇可讀的配色方案

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

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

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

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

可訪問的排版需要清晰易讀，因此請(qǐng)確保：

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

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

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

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

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