您設(shè)計(jì)了一個(gè)引人入勝的用戶(hù)界面，這是您特別引以為豪的。但是，您只面臨一個(gè)問(wèn)題：并非所有用戶(hù)都可以訪問(wèn)它。也許這個(gè)事實(shí)是在測(cè)試中出現(xiàn)的：作為 QA 過(guò)程的一部分，杭州vi設(shè)計(jì)公司應(yīng)該確保每個(gè)人都可以訪問(wèn)您的站點(diǎn)。除了成為一名優(yōu)秀設(shè)計(jì)師的一個(gè)方面，確保您的網(wǎng)站完全可訪問(wèn)還有很多好處。您的網(wǎng)站更有可能在搜索引擎上穩(wěn)健且排名靠前。它也更有可能產(chǎn)生業(yè)務(wù)，因?yàn)榭蛻?hù)討厭在完成購(gòu)買(mǎi)之前必須清除障礙。雖然您當(dāng)然希望品牌的數(shù)字體驗(yàn)保持吸引力，但有幾種方法可以在不犧牲設(shè)計(jì)的情況下提高頁(yè)面的可訪問(wèn)性。

字體大小、可讀性和易讀性

根據(jù) 2019 年的一項(xiàng)調(diào)查，內(nèi)容過(guò)多的頁(yè)面在殘疾受訪者的問(wèn)題列表中名列前茅。不要過(guò)度填充您的頁(yè)面也是很好的設(shè)計(jì)感。爭(zhēng)奪消費(fèi)者注意力的東西越多，杭州vi設(shè)計(jì)公司就越有可能不知所措并完全從您的網(wǎng)站上反彈。您可以通過(guò)使用內(nèi)置的格式設(shè)置功能來(lái)做到這一點(diǎn)。任何包含長(zhǎng)測(cè)試塊的頁(yè)面都應(yīng)拆分為子標(biāo)題，并帶有清晰明顯的標(biāo)題標(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ì)比度，使其易于閱讀。該網(wǎng)頁(yè)內(nèi)容無(wú)障礙指南建議至少4.5的：1的對(duì)比度，雖然有飛濺的文本豁免。也有人建議使用無(wú)襯線字體——是的，包括（但不限于）Comic Sans——對(duì)于閱讀障礙的人來(lái)說(shuō)可能更容易閱讀。

考慮色盲和你的顏色

以下是杭州vi設(shè)計(jì)公司在構(gòu)建網(wǎng)站時(shí)可能沒(méi)有考慮到的事情：色盲的人可能無(wú)法區(qū)分您使用的色調(diào)。由于色盲人占美國(guó)人口的 5-10%，因此您可能會(huì)疏遠(yuǎn)很大一部分用戶(hù)。在這里，眾包測(cè)試可能是一個(gè)有用的工具：您將獲得幾種不同的觀點(diǎn)，了解區(qū)分的難易程度，尤其是當(dāng)您使用黑白測(cè)試時(shí)。事實(shí)上，黑白測(cè)試是一種很好的方式，可以讓您親眼目睹特征在沒(méi)有明亮色調(diào)的情況下有多突出。紅綠色盲是最常見(jiàn)的類(lèi)型，人們無(wú)法區(qū)分兩者。

想想有多少錯(cuò)誤消息以紅色突出顯示。當(dāng)您以灰度查看頁(yè)面時(shí)，很明顯添加顏色不足以引起注意。考慮清楚地標(biāo)記任何圖表并添加額外的提示——例如一個(gè)感嘆號(hào)來(lái)強(qiáng)調(diào)你的目標(biāo)。或者通過(guò)色盲測(cè)試運(yùn)行您的網(wǎng)站。到處都是屏幕閱讀器用戶(hù)的禍根，HTML 和 CSS 交織在一起意味著機(jī)器變得非常混亂。另外，可憐的聽(tīng)眾會(huì)被他們根本不需要的信息轟炸。

幸運(yùn)的是，我們現(xiàn)在能夠分離 HTML 和 CSS。杭州vi設(shè)計(jì)公司可以在需要的地方使用 CSS 元素構(gòu)建頁(yè)面，例如頁(yè)面頂部的站點(diǎn)菜單，而將它們固定在適當(dāng)位置的 HTML 代碼也可以在頁(yè)面底部發(fā)揮作用。這可能需要一些功能測(cè)試，尤其是在您不習(xí)慣的情況下。玩轉(zhuǎn)放置以確保屏幕閱讀器等工具可以像具有完全可見(jiàn)性的人一樣應(yīng)對(duì)。您查看了多少頁(yè)面，其中號(hào)召性用語(yǔ) (CTA)是通用的“單擊此處”或“閱讀更多”？如果屏幕閱讀器按順序讀出這些按鈕，您認(rèn)為將它們彼此區(qū)分開(kāi)有多容易？

您可以將鏈接命名為更具體的名稱(chēng)，沒(méi)有視覺(jué)障礙的人也可以看到，或者您可以使用 aria-label 屬性。這意味著您網(wǎng)站的可見(jià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è)過(guò)程中的障礙。

事實(shí)上，根據(jù)杭州vi設(shè)計(jì)公司的受訪者在開(kāi)始填寫(xiě)表單后放棄了表單。因此，啟用自動(dòng)填寫(xiě)將使您的網(wǎng)站更易于訪問(wèn)并提高您的整體注冊(cè)量，這對(duì)我們來(lái)說(shuō)聽(tīng)起來(lái)像是一場(chǎng)勝利。這對(duì)您的定位和重新定位策略特別有幫助：誰(shuí)不想要更多訂閱者？

下載

另一個(gè)簡(jiǎn)單的調(diào)整是標(biāo)記任何下載鏈接。這對(duì)視力正常的用戶(hù)也非常有用，用 CSS 編碼很有意義。您甚至可以記錄文件有多大，以防人們?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)力障礙的人提供文字記錄和/或字幕。如果合適，您甚至可以為任何視頻添加音頻描述。

隨著程序的轉(zhuǎn)變和關(guān)于什么是好的設(shè)計(jì)的新研究的出現(xiàn)，緊跟軟件測(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í)知道呢，杭州vi設(shè)計(jì)公司甚至可能會(huì)找到一個(gè)成為標(biāo)準(zhǔn)做法的解決方案，為更高的可訪問(wèn)性和可用性鋪平道路。當(dāng)然，這可能需要一點(diǎn)后臺(tái)修補(bǔ)，但好處——不僅僅是從財(cái)務(wù)角度來(lái)看——是無(wú)窮無(wú)盡的。通過(guò)專(zhuān)業(yè)風(fēng)格的可訪問(wèn)性為每個(gè)人優(yōu)化您的網(wǎng)站體驗(yàn)，您的網(wǎng)站潛力將是無(wú)限的。