1對(duì)1定制服務(wù)，PC端+手機(jī)端+小程序多端應(yīng)用
網(wǎng)頁(yè)設(shè)計(jì)我們要思考這些體驗(yàn)者的可訪性
13880656240
2022年11月14日瀏覽：
深圳設(shè)計(jì)；一直以來(lái)不斷的提升團(tuán)隊(duì)的服務(wù)，包括先進(jìn)技術(shù)提升，服務(wù)提升，以及更多的加入人性化的思考設(shè)計(jì)，深入人心的設(shè)計(jì)才是我們追求的。
我們是要所有人都有好的體驗(yàn)，而并非一部分人，我們一起向未來(lái)。
我從網(wǎng)頁(yè)設(shè)計(jì)師那里看到的最大錯(cuò)誤之一是使可訪問(wèn)性比實(shí)際更復(fù)雜。大多數(shù)設(shè)計(jì)師認(rèn)為創(chuàng)建可訪問(wèn)的內(nèi)容需要數(shù)周的夸張標(biāo)記，為網(wǎng)站的每一分鐘功能設(shè)計(jì)標(biāo)簽瀏覽和熱鍵，以及編寫(xiě)過(guò)度描述的元數(shù)據(jù)，所以大多數(shù)人只是放棄甚至不打擾。但是，通過(guò)使用一些簡(jiǎn)單的技術(shù)并遵循一些基本準(zhǔn)則，您可以讓廣大用戶(hù)訪問(wèn)您的網(wǎng)站，而無(wú)需花費(fèi)太多時(shí)間和精力。
我將網(wǎng)絡(luò)可訪問(wèn)性定義為：
無(wú)論身體能力、網(wǎng)絡(luò)客戶(hù)和個(gè)人喜好如何，都可以向廣大受眾提供網(wǎng)絡(luò)內(nèi)容。
為了簡(jiǎn)化我們作為無(wú)障礙網(wǎng)頁(yè)設(shè)計(jì)師的任務(wù)，在我們?cè)u(píng)估一些不同類(lèi)型的用戶(hù)時(shí)，有一些特定的類(lèi)別可能會(huì)有所幫助：
>視力障礙者：視力低下或沒(méi)有視力的人。這些用戶(hù)可能使用屏幕閱讀軟件或可能使用瀏覽器的功能來(lái)增加文本大小和對(duì)比度。
>聽(tīng)力受損者：聽(tīng)力低下或沒(méi)有聽(tīng)力的人。這些用戶(hù)將需要能夠看到作為網(wǎng)站一部分的任何音頻的文本表示。
>身體受損者：那些缺乏使用鼠標(biāo)或傳統(tǒng)鍵盤(pán)的身體靈活性的人。這些用戶(hù)可能使用各種接口設(shè)備，其中許多與傳統(tǒng) [TAB] 鍵的功能平行。
>移動(dòng)端用戶(hù)：可能使用移動(dòng)設(shè)備、平板電腦、專(zhuān)業(yè)瀏覽器（如零售銷(xiāo)售點(diǎn)設(shè)備）或游戲機(jī)的用戶(hù)。這些設(shè)備上瀏覽窗口的尺寸和方向可能非常規(guī)
>網(wǎng)絡(luò)受限者：可能帶寬低或網(wǎng)絡(luò)可靠性低的用戶(hù)，例如偏遠(yuǎn)地區(qū)或發(fā)展中國(guó)家的用戶(hù)。這些用戶(hù)可能會(huì)關(guān)閉表示層以更好地訪問(wèn)內(nèi)容。
要設(shè)計(jì)一個(gè)可訪問(wèn)的網(wǎng)站，您可以做的最重要的事情之一就是將內(nèi)容與演示分開(kāi)。請(qǐng)記住，人們正在訪問(wèn)您的網(wǎng)站以獲取內(nèi)容。通過(guò)將演示文稿與內(nèi)容分開(kāi)，您可以讓您的用戶(hù)使用任何適合訪問(wèn)您的內(nèi)容的客戶(hù)端，無(wú)論是屏幕閱讀器、移動(dòng)設(shè)備還是平板電腦。
內(nèi)容層
內(nèi)容層是設(shè)計(jì)可訪問(wèn)網(wǎng)站的核心。由標(biāo)簽之間的所有內(nèi)容組成的內(nèi)容層<body>應(yīng)該只包含您希望直接與觀眾交流的信息，例如文本和圖像。除了設(shè)置信息顯示的順序之外，內(nèi)容層不應(yīng)該包含任何關(guān)于頁(yè)面應(yīng)該是什么樣子的信息——這些信息屬于表示層。
結(jié)構(gòu)。內(nèi)容層應(yīng)根據(jù)您使用的 html 標(biāo)簽的含義來(lái)構(gòu)建。如果您已經(jīng)熟悉語(yǔ)義代碼，這應(yīng)該很容易。
>頁(yè)面的標(biāo)題應(yīng)該包含在<h1>標(biāo)簽中，表明它是頁(yè)面上最高級(jí)別的標(biāo)題。
>網(wǎng)站的導(dǎo)航應(yīng)該包含在一個(gè)<ul>標(biāo)簽中，因?yàn)樗且粋€(gè)無(wú)序列表的項(xiàng)目。
>盡可能避免使用<iframe>. 在嘗試使用 [TAB] 鍵導(dǎo)航頁(yè)面時(shí)，內(nèi)聯(lián)框架往往會(huì)混淆屏幕閱讀軟件并造成嚴(yán)重破壞。
>? <table>不應(yīng)使用格式化標(biāo)簽。<table>標(biāo)簽只能用于識(shí)別表格數(shù)據(jù)，例如財(cái)務(wù)資產(chǎn)負(fù)債表。
>? ?<div>不要對(duì)標(biāo)簽發(fā)瘋。不幸的是，由于人們已經(jīng)停止使用<table>標(biāo)簽，他們似乎只是用<div>s 替換它們。當(dāng) a<div>不代表新的內(nèi)容分組時(shí)，它沒(méi)有被正確使用。
圖像。spacer.gif語(yǔ)義設(shè)計(jì)原則告訴我們不應(yīng)包含非內(nèi)容圖像，例如圖像。應(yīng)該對(duì)圖像進(jìn)行元標(biāo)記，<alt>以向無(wú)法查看圖像的用戶(hù)表明其用途；不幸的是，一些過(guò)分認(rèn)真的設(shè)計(jì)師會(huì)添加過(guò)于詳細(xì)以至于變得毫無(wú)用處<alt>的標(biāo)簽，例如：
<alt="a small group of people including a blonde woman with short hair, a man with dark hair, a woman with long dark hair, and a man with brown, long hair all on a light blue background">
請(qǐng)記住，您包含在<alt>標(biāo)簽中的信息可能會(huì)被屏幕閱讀器大聲讀出，因此最好使用簡(jiǎn)潔的描述<alt="Team Photo">。
表示層
固定尺寸。用戶(hù)可能有一個(gè)異常大小的屏幕，或者可能選擇增加瀏覽器中的文本大小。當(dāng)您為元素建立固定高度時(shí)，當(dāng)您的用戶(hù)嘗試增加文本大小時(shí)，您的設(shè)計(jì)很可能會(huì)中斷。盡可能避免使用固定尺寸。
顏色和對(duì)比度。確保您的顏色選擇允許文本從背景中脫穎而出，以便視力不佳的人可以輕松閱讀您的內(nèi)容。
動(dòng)態(tài)內(nèi)容。有很多很棒的基于 JavaScript 的、AJAX 風(fēng)格的動(dòng)態(tài)技術(shù)，可用于使您的網(wǎng)站具有視覺(jué)吸引力和功能上有用的演示文稿。包含這些元素時(shí)，請(qǐng)始終注意未啟用 Javascript 的用戶(hù)嘗試訪問(wèn)內(nèi)容或功能時(shí)會(huì)發(fā)生什么。
可用性測(cè)試
一旦您研究了內(nèi)容和表示層的可訪問(wèn)性，就該看看如何將您的網(wǎng)站呈現(xiàn)給通過(guò)任何數(shù)量的非傳統(tǒng)方式查看它的客戶(hù)。我見(jiàn)過(guò)的最好的快速可訪問(wèn)性檢查是MIT Web 可訪問(wèn)性指南 5 分鐘快速檢查可訪問(wèn)性。它包括以下步驟：
1.關(guān)閉瀏覽器中的圖像（確保圖像占位符已打開(kāi)）
2.關(guān)閉對(duì) JavaScript 的支持
3.瀏覽頁(yè)面，嘗試不使用鼠標(biāo)導(dǎo)航
4.嘗試更改瀏覽器中的標(biāo)準(zhǔn)字體顏色和樣式
5.嘗試使用瀏覽器增加字體大?。ú榭?gt;文字大小>增加）
6.關(guān)閉對(duì)樣式表的支持
如果您的網(wǎng)站在采取這些步驟后，那么您就有了一個(gè)可訪問(wèn)的網(wǎng)站，可以覆蓋非常廣泛的用戶(hù)。
設(shè)計(jì)；我們一直在設(shè)計(jì)路上追求更好的用戶(hù)體驗(yàn)。
我們提供建站服務(wù)更提供我們真心的建議。