您設(shè)計(jì)了一個(gè)壯觀的用戶(hù)界面，您特別引以為豪。但是，您只面臨一個(gè)問(wèn)題：并非所有用戶(hù)都可以訪問(wèn)它。寶安網(wǎng)站建設(shè)覺(jué)得這個(gè)事實(shí)出現(xiàn)在測(cè)試中：作為 QA 過(guò)程的一部分，您應(yīng)該確保每個(gè)人都可以訪問(wèn)您的網(wǎng)站。除了成為一名[敏感詞]設(shè)計(jì)師的一個(gè)方面之外，確保您的網(wǎng)站完全可訪問(wèn)還有很多好處。
您的網(wǎng)站更有可能健壯并且在搜索引擎上排名靠前。它也更有可能產(chǎn)生業(yè)務(wù)，因?yàn)榭蛻?hù)討厭在完成購(gòu)買(mǎi)之前必須清除障礙。雖然您當(dāng)然希望品牌的數(shù)字體驗(yàn)保持吸引力，但寶安網(wǎng)站建設(shè)有幾種方法可以在不犧牲設(shè)計(jì)的情況下提高頁(yè)面的可訪問(wèn)性。
一、字體大小、可讀性和易讀性
根據(jù)之前的一項(xiàng)調(diào)查，內(nèi)容過(guò)多的頁(yè)面在殘疾受訪者的問(wèn)題列表中名列前茅。
不要過(guò)度填充你的頁(yè)面也是很好的設(shè)計(jì)感。爭(zhēng)奪消費(fèi)者注意力的東西越多，他們就越有可能不知所措并完全從您的網(wǎng)站上反彈。
從本質(zhì)上講，您需要將您的業(yè)務(wù)系統(tǒng)化，其中一個(gè)步驟是使您的頁(yè)面清晰易讀。
您可以通過(guò)使用內(nèi)置格式功能來(lái)做到這一點(diǎn)。任何包含長(zhǎng)測(cè)試塊的頁(yè)面都應(yīng)該分成小標(biāo)題，并帶有清晰明了的標(biāo)題——一個(gè) <h1> 標(biāo)簽。
簡(jiǎn)單地分解文本將使人們更輕松地掃描您的頁(yè)面。但是，正確使用格式意味著那些有視力障礙并使用屏幕閱讀器的人可以跳到他們需要的部分。
確保您的副標(biāo)題正確標(biāo)記，而不僅僅是更大的字體。如果您使用列表，請(qǐng)?jiān)?HTML 中使用 <ul> 或 <li> 標(biāo)記將其標(biāo)記，這將確保它以正確的格式呈現(xiàn)。
一個(gè)更簡(jiǎn)單的技巧是確保您選擇的字體足夠大，并與背景提供足夠的對(duì)比度，使其易于閱讀。Web 內(nèi)容可訪問(wèn)性指南建議對(duì)比度至少為 4.5:1，但啟動(dòng)文本有例外情況。
也有人建議，無(wú)襯線字體——是的，包括（但不限于）Comic Sans——可能更容易讓患有閱讀障礙的人閱讀。
二、考慮色盲和你的顏色
以下是您在構(gòu)建網(wǎng)站時(shí)可能沒(méi)有考慮的事情：色盲人可能難以區(qū)分您使用的色調(diào)。由于色盲人群占美國(guó)人口的 5-10%，因此您可能會(huì)疏遠(yuǎn)大量用戶(hù)。
在這里，眾包測(cè)試可能是一個(gè)有用的工具：你會(huì)從幾個(gè)不同的角度來(lái)了解區(qū)分的容易程度，特別是如果你使用黑白進(jìn)行測(cè)試。
事實(shí)上，黑白測(cè)試是一種很好的方式，可以讓您自己了解特征在沒(méi)有明亮色調(diào)的情況下如何脫穎而出。紅綠色盲是最常見(jiàn)的類(lèi)型，人們無(wú)法區(qū)分兩者。
想想有多少錯(cuò)誤消息以紅色突出顯示。當(dāng)您以灰度查看頁(yè)面時(shí)，很明顯添加顏色不足以引起注意。考慮清楚地標(biāo)記任何圖表并添加額外的提示 - 例如強(qiáng)調(diào)您的目標(biāo)的感嘆號(hào)，或通過(guò)色盲測(cè)試運(yùn)行您的網(wǎng)站。
三、HTML 和 CSS 的分離
到處都是屏幕閱讀器用戶(hù)的禍根，HTML 和 CSS 交織在一起意味著機(jī)器陷入了混亂。另外，可憐的聽(tīng)眾會(huì)被他們不需要的信息轟炸。
幸運(yùn)的是，我們現(xiàn)在能夠分離 HTML 和 CSS。您可以在需要的地方使用 CSS 元素構(gòu)建頁(yè)面，例如頁(yè)面頂部的站點(diǎn)菜單，而將它們固定在適當(dāng)位置的 HTML 代碼也可以在頁(yè)面底部發(fā)揮作用。
這可能需要進(jìn)行一些功能測(cè)試，尤其是在您不習(xí)慣的情況下。嘗試放置以確保屏幕閱讀器之類(lèi)的工具可以像完全可見(jiàn)的人一樣應(yīng)對(duì)。
鏈接和表單框說(shuō)明
通用 CTA
您查看了多少頁(yè)面，其中號(hào)召性用語(yǔ) (CTA)是通用的“單擊此處”或“閱讀更多”？如果屏幕閱讀器按順序讀出這些按鈕，您認(rèn)為將它們彼此區(qū)分開(kāi)來(lái)有多容易？
好吧，你猜對(duì)了：一點(diǎn)也不容易。
方便地，有一個(gè)快速解決方法：您可以將鏈接命名為更具體的名稱(chēng)，沒(méi)有視覺(jué)障礙的人也可以看到，或者您可以使用 aria-label 屬性。
這意味著您網(wǎng)站的可見(jiàn)元素保持不變，但屏幕閱讀器將宣布替代標(biāo)簽。當(dāng)你大聲朗讀時(shí)，你的“閱讀更多”標(biāo)簽可以變成“閱讀更多關(guān)于網(wǎng)站可訪問(wèn)性”。
形式
填寫(xiě)表格是大多數(shù)企業(yè)潛在客戶(hù)收集策略的重要組成部分——如果您正在進(jìn)行調(diào)查，這一點(diǎn)尤其重要。盡管如此，仍有大量網(wǎng)站推送的表單充其量難以填寫(xiě)，最壞的情況是完全無(wú)法訪問(wèn)。
一種讓表格更容易填寫(xiě)的超級(jí)簡(jiǎn)單方法？讓自動(dòng)填充發(fā)揮它的魔力。您很可能會(huì)從非殘障人士和殘障人士那里獲得更多潛在客戶(hù)，這僅僅是因?yàn)槟俗?cè)道路上的障礙。
事實(shí)上，根據(jù) The Manifest 的說(shuō)法，81%的受訪者在開(kāi)始填寫(xiě)表格后就放棄了。因此，啟用自動(dòng)填充將使您的網(wǎng)站更易于訪問(wèn)并提高您的整體注冊(cè)量，從而聽(tīng)起來(lái)對(duì)我們來(lái)說(shuō)是一場(chǎng)勝利。
這對(duì)您的定位和重新定位策略特別有幫助：誰(shuí)不想要更多的訂閱者？
下載
另一個(gè)簡(jiǎn)單的調(diào)整是這樣標(biāo)記任何下載鏈接。這對(duì)視力正常的用戶(hù)也非常有用，用 CSS 編寫(xiě)代碼很有意義。您甚至可以注意到文件有多大，以防人們?cè)谑謾C(jī)上查看并且不喜歡下載大量文件或數(shù)據(jù)或 Wi-Fi 信號(hào)較弱。
四、圖片和視頻
在可訪問(wèn)性方面經(jīng)常被忽視的另一個(gè)元素是帶有視覺(jué)元素的替代文本和音頻。您所有的基本圖像都應(yīng)標(biāo)有替代文字，簡(jiǎn)要描述圖片中的內(nèi)容。理想情況下，所有視頻都應(yīng)為聽(tīng)障人士提供文字記錄和/或字幕。如果看起來(lái)合適，您甚至可以為任何視頻添加音頻描述。
隨著程序的變化和關(guān)于什么是好的設(shè)計(jì)的新研究的出現(xiàn)，及時(shí)了解軟件測(cè)試新聞總是一個(gè)好主意。在可訪問(wèn)性方面尤其重要。殘障人士經(jīng)常被忽視，以至于直到最近設(shè)計(jì)師才開(kāi)始考慮網(wǎng)站的可訪問(wèn)性。
僅使用鍵盤(pán)導(dǎo)航來(lái)嘗試您的網(wǎng)站，或者甚至使用眼罩來(lái)查看您是否可以輕松導(dǎo)航?；蛘?，理想情況下，您可以招募一些有殘疾的 QA 測(cè)試人員，將他們獨(dú)特的見(jiàn)解帶到桌面上。
五、最后的想法
誰(shuí)知道呢，您甚至可能會(huì)找到一個(gè)成為標(biāo)準(zhǔn)實(shí)踐的解決方案，為更高的可訪問(wèn)性和可用性鋪平道路。當(dāng)然，這可能需要在后臺(tái)進(jìn)行一些修改，但好處——不僅僅是從財(cái)務(wù)角度來(lái)看——是無(wú)窮無(wú)盡的。以專(zhuān)業(yè)的可訪問(wèn)性為每個(gè)人優(yōu)化您的網(wǎng)站體驗(yàn)，您的網(wǎng)站的潛力將是無(wú)限的。
