如何為 Web 可訪問(wèn)性構(gòu)建應(yīng)用程序

1.使用語(yǔ)義HTML

使用 HTML 編程時(shí)，使用 標(biāo)簽或其他不一定具有特定含義或功能的通用標(biāo)簽來(lái)劃分信息似乎很容易和方便。然而，當(dāng)涉及到 Web 可訪問(wèn)性時(shí)，這是一個(gè)很大的問(wèn)題。例如，依賴(lài)輔助技術(shù)的用戶(hù)將難以理解具有未明確定義的層次結(jié)構(gòu)的信息流。相反，對(duì)部分、正文內(nèi)容、頁(yè)腳和界面的所有其他部分使用可導(dǎo)航的語(yǔ)義標(biāo)簽，以便輔助技術(shù)跟上。

語(yǔ)義 HTML 不僅可以幫助你的用戶(hù)，還可以幫助與你一起工作的每個(gè)人，同時(shí)提高你產(chǎn)品的整體質(zhì)量。

2. 在需要的地方使用 ARIA 標(biāo)簽

此外，HTML5 的強(qiáng)大功能有助于創(chuàng)建高度可導(dǎo)航的內(nèi)容。通過(guò)包含明確的地標(biāo)標(biāo)簽，我們可以創(chuàng)建可訪問(wèn)的界面。但是，你仍然需要通過(guò)附加標(biāo)簽來(lái)闡明某些屬性。

這就是 aria 的用武之地。Aria-label 屬性定義了一個(gè)字符串，為你的內(nèi)容提供了一個(gè)不可見(jiàn)的標(biāo)簽。在其他語(yǔ)義語(yǔ)言失敗的地方使用這些標(biāo)簽，你可以幫助用戶(hù)和輔助技術(shù)等了解信息的功能和流動(dòng)，并提高內(nèi)容的可訪問(wèn)性。通過(guò)將這些方面集成到應(yīng)用程序的開(kāi)發(fā)端，你將創(chuàng)建一個(gè)對(duì)所有用戶(hù)都運(yùn)行得更加流暢的應(yīng)用程序。

3.結(jié)構(gòu)清晰

從標(biāo)題到數(shù)據(jù)表，應(yīng)用程序的功能必須結(jié)構(gòu)清晰，才能發(fā)揮作用，這需要為設(shè)計(jì)的每個(gè)元素使用正確的標(biāo)簽和屬性。

正確的標(biāo)簽對(duì)于定義清晰的結(jié)構(gòu)至關(guān)重要。網(wǎng)絡(luò)爬蟲(chóng)和輔助技術(shù)將需要這種定義的內(nèi)容層次結(jié)構(gòu)來(lái)理解他們正在查看的內(nèi)容。不要僅僅假設(shè)劃分標(biāo)簽和信息分離對(duì)系統(tǒng)有意義，你需要從主頁(yè)開(kāi)始就有意義的內(nèi)容流，規(guī)劃你的應(yīng)用程序并相應(yīng)地定義每個(gè)元素。

4.提供鍵盤(pán)導(dǎo)航界面

結(jié)構(gòu)清晰的內(nèi)容的一個(gè)要素是它必須可以通過(guò)鍵盤(pán)進(jìn)行導(dǎo)航。用戶(hù)必須能夠通過(guò)你的系統(tǒng)進(jìn)行選項(xiàng)卡，提交內(nèi)容，滾動(dòng)并使用他們正在使用的鍵盤(pán)界面進(jìn)行所有操作。這意味著你必須高度了解如何通過(guò)按下每個(gè)按鈕來(lái)索引和導(dǎo)航元素，讓鍵盤(pán)導(dǎo)航成為你網(wǎng)頁(yè)設(shè)計(jì)的主要內(nèi)容，你將擁有一款適用于更多用戶(hù)的應(yīng)用程序。

5.用替代文字補(bǔ)充多媒體內(nèi)容

然后是多媒體內(nèi)容的問(wèn)題。那些有視覺(jué)或聽(tīng)覺(jué)障礙的人將無(wú)法訪問(wèn)某些內(nèi)容。這就是為什么必須使你的應(yīng)用程序與屏幕閱讀器兼容并在視頻和圖像方面提供替代文本的原因。

為視頻提供字幕和文字記錄，同時(shí)確保所有用戶(hù)都能順利加載頁(yè)面。因此，你將擁有幾乎任何人都可以享受的內(nèi)容。

6.選擇正確的字體

你在應(yīng)用程序中使用的字體樣式、大小和間距將決定你的內(nèi)容的可讀性。避免使用花哨的腳本字體和任何難以閱讀的東西，請(qǐng)選擇容易看的清晰無(wú)襯線字體，即使你覺(jué)得這些很無(wú)聊，用戶(hù)也會(huì)發(fā)現(xiàn)你的內(nèi)容更加美觀。

這些只是一些基線元素，它們可以大大有助于為你的應(yīng)用提供所需的可訪問(wèn)性提升。但不要忽視你所包含的所有可訪問(wèn)性功能的測(cè)試方面，利用有價(jià)值的工具來(lái)幫助你評(píng)估你的應(yīng)用程序的可訪問(wèn)性。

為 Web 可訪問(wèn)性實(shí)施此類(lèi)功能和解決方案似乎令人生畏。請(qǐng)不要低估 Web 可訪問(wèn)性在促進(jìn)你的應(yīng)用程序成功方面的力量，遵循這些提示和策略來(lái)改進(jìn)你的方法并獲得后續(xù)收益。