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

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

根據(jù) 2019 年的一項(xiàng)調(diào)查，內(nèi)容過多的頁面在殘疾受訪者的問題列表中名列前茅。不要過度填充您的頁面也是很好的設(shè)計(jì)感。爭奪消費(fèi)者注意力的東西越多，杭州vi設(shè)計(jì)公司就越有可能不知所措并完全從您的網(wǎng)站上反彈。您可以通過使用內(nèi)置的格式設(shè)置功能來做到這一點(diǎn)。任何包含長測試塊的頁面都應(yīng)拆分為子標(biāo)題，并帶有清晰明顯的標(biāo)題標(biāo)簽。簡單地分解文本將使人們更輕松地瀏覽您的頁面。但是，正確使用格式意味著那些視障人士和使用屏幕閱讀器的人可以跳到他們需要的部分。

確保您的副標(biāo)題被正確標(biāo)記，而不僅僅是使用更大的字體大小。如果您使用的是列表，請?jiān)?HTML 中使用 <ul> 或 <li> 標(biāo)簽標(biāo)記它，這將確保它以正確的格式呈現(xiàn)。一個更簡單的技巧是確保您選擇的字體足夠大，并與背景形成足夠的對比度，使其易于閱讀。該網(wǎng)頁內(nèi)容無障礙指南建議至少4.5的：1的對比度，雖然有飛濺的文本豁免。也有人建議使用無襯線字體——是的，包括（但不限于）Comic Sans——對于閱讀障礙的人來說可能更容易閱讀。

考慮色盲和你的顏色

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

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

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

您可以將鏈接命名為更具體的名稱，沒有視覺障礙的人也可以看到，或者您可以使用 aria-label 屬性。這意味著您網(wǎng)站的可見元素保持不變，但屏幕閱讀器將宣布，填寫表格是大多數(shù)企業(yè)潛在客戶收集策略的重要組成部分 - 如果您正在進(jìn)行調(diào)查，這一點(diǎn)尤其重要。盡管如此，大量網(wǎng)站仍然推送難以填寫的表格，最壞的情況是完全無法訪問。一種讓表格更容易填寫的超級簡單方法？允許自動填充發(fā)揮其魔力。您很可能會從非殘障人士和殘障人士那里獲得更多潛在客戶，因?yàn)槟俗赃^程中的障礙。

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

下載

另一個簡單的調(diào)整是標(biāo)記任何下載鏈接。這對視力正常的用戶也非常有用，用 CSS 編碼很有意義。您甚至可以記錄文件有多大，以防人們在他們的手機(jī)上查看并且不喜歡下載大量數(shù)據(jù)文件或弱 Wi-Fi 信號。

圖像和視頻

在可訪問性方面經(jīng)常被忽視的另一個元素是帶有視覺元素的替代文本和音頻。您所有的基本圖像都應(yīng)標(biāo)有替代文字，簡要描述圖片中的內(nèi)容。理想情況下，所有視頻都應(yīng)為有聽力障礙的人提供文字記錄和/或字幕。如果合適，您甚至可以為任何視頻添加音頻描述。

隨著程序的轉(zhuǎn)變和關(guān)于什么是好的設(shè)計(jì)的新研究的出現(xiàn)，緊跟軟件測試新聞總是一個好主意。在可訪問性方面尤其重要。殘疾人經(jīng)常被忽視，以至于直到最近設(shè)計(jì)師才開始考慮網(wǎng)站的可訪問性。僅使用鍵盤導(dǎo)航來試用您的網(wǎng)站，甚至可以使用眼罩來查看您是否可以輕松導(dǎo)航。或者，理想情況下，您可以招募一些有殘疾的 QA 測試人員，將他們獨(dú)特的見解帶到桌面上。

最后的想法

誰知道呢，杭州vi設(shè)計(jì)公司甚至可能會找到一個成為標(biāo)準(zhǔn)做法的解決方案，為更高的可訪問性和可用性鋪平道路。當(dāng)然，這可能需要一點(diǎn)后臺修補(bǔ)，但好處——不僅僅是從財(cái)務(wù)角度來看——是無窮無盡的。通過專業(yè)風(fēng)格的可訪問性為每個人優(yōu)化您的網(wǎng)站體驗(yàn)，您的網(wǎng)站潛力將是無限的。