網(wǎng)站設(shè)計(jì)優(yōu)化與Web輔助功能清單

在設(shè)計(jì)更新網(wǎng)站以遵守最新的可訪問(wèn)性法律和法規(guī)時(shí)，有許多準(zhǔn)則可供遵循。確保所有用戶都可以訪問(wèn)網(wǎng)站，尤其是那些殘障用戶，這一點(diǎn)很重要，原因有很多。它不僅是法律，而且對(duì)公司也有益。它允許他們擁有更多的訪問(wèn)者，更多的銷售，并獲得長(zhǎng)期的許多客戶。殘障人士無(wú)法訪問(wèn)的網(wǎng)站不僅可能損害銷售或訪問(wèn)者數(shù)量，而且更重要的是，可能會(huì)令用戶感到沮喪。

下面是一個(gè)Web可訪問(wèn)性檢查表，可用于Web設(shè)計(jì)人員，以確保網(wǎng)站上的項(xiàng)目和功能符合有關(guān)Web可訪問(wèn)性的規(guī)則和規(guī)定。遵循這些指南將使您的網(wǎng)站更易于所有用戶訪問(wèn)。雖然此清單上有許多項(xiàng)目，但對(duì)于可能需要在網(wǎng)站上訪問(wèn)的所有功能可能并不全面。除非您自己有殘疾，否則您可能沒(méi)有意識(shí)到清單中的某些項(xiàng)目有多重要。

Web輔助功能清單
文本

東莞網(wǎng)站建設(shè)認(rèn)為：網(wǎng)站上通常有很多文字。創(chuàng)建可訪問(wèn)的網(wǎng)站時(shí)需要考慮幾個(gè)不同的因素。

首先，確保在需要時(shí)可以放大使用的文本。那些無(wú)法正確看到的人可能需要使文字更大。確保在不影響頁(yè)面上其他內(nèi)容的情況下發(fā)生這種情況。

根據(jù)您在頁(yè)面上使用的對(duì)比度和顏色，也應(yīng)該很容易看到文本。例如，白色與黑色可能是用于背景和文本的良好對(duì)比。建議在白色背景上使用黑色文本，這是所有用戶看到的最簡(jiǎn)單對(duì)比。這種對(duì)比度將允許低能見度的人能夠有效地閱讀內(nèi)容。

在文本樣式方面，請(qǐng)務(wù)必在必要時(shí)使用粗體，斜體或帶下劃線的文本。這有助于向用戶顯示單詞之間的差異。雖然顏色對(duì)比是一個(gè)好主意，但也可能最好使用不同的樣式，這將有助于那些有色盲的人能夠看到文本之間的差異。此外，不要使用顏色作為指令，例如“單擊藍(lán)色圓圈轉(zhuǎn)到下一頁(yè)”。這可能會(huì)影響那些色盲或難以看到這個(gè)方向的人的能力。

視頻和音頻

多媒體可以是圖片，視頻和音頻剪輯。許多網(wǎng)站在其網(wǎng)站上的某個(gè)地方至少會(huì)有這些類型的多媒體之一。雖然這可能是向用戶提供信息的好方法，但如果內(nèi)容不遵循可訪問(wèn)性指南，那么對(duì)于殘障人士來(lái)說(shuō)也會(huì)令人沮喪。

選擇適合頁(yè)面內(nèi)容的視頻和音頻剪輯是確保它們可訪問(wèn)的第一步。只有當(dāng)它增強(qiáng)了網(wǎng)頁(yè)上提供的信息時(shí)，請(qǐng)務(wù)必將它們放在那里。在頁(yè)面上放置不相關(guān)的多媒體剪輯可能弊大于利。

當(dāng)涉及到您網(wǎng)站上的視頻和音頻時(shí)，請(qǐng)務(wù)必為您擁有的這些類型的多媒體添加字幕。確?？稍L問(wèn)性的另一種方法是提供視頻和音頻的成績(jī)單。如果您的用戶聽力有困難，那么他們?nèi)匀豢梢栽跊](méi)有聲音的情況下獲取內(nèi)容。此外，如果有人難以看到或閱讀，他們可以將文本讀給他們。如果您要在您的網(wǎng)站上包含此多媒體，則可以訪問(wèn)視頻和音頻片段的內(nèi)容非常重要。網(wǎng)站可以傳達(dá)非常重要的信息。它們也使網(wǎng)站更令人興奮，但如果一個(gè)人無(wú)法訪問(wèn)這些信息，那么它們就沒(méi)用了。

在視頻和音頻方面需要考慮的另一個(gè)重要特性是確保在頁(yè)面加載后用戶可以停止視頻或音頻剪輯。不是每個(gè)人都希望聽到或看到以這種方式呈現(xiàn)的信息。當(dāng)有聲音在后臺(tái)播放時(shí)，當(dāng)人們正在閱讀或嘗試訪問(wèn)內(nèi)容時(shí)，這可能會(huì)分散注意力。

最后，請(qǐng)注意您選擇的視頻適合觀眾。這不僅意味著要注意內(nèi)容，還要注意視頻的效果。例如，如果您的視頻有大聲喧嘩，明亮的燈光或任何不尋常的視頻，您可能需要警告您的用戶?；加邪d癇或其他疾病的人可能對(duì)光和聲音敏感。

顏色和對(duì)比度

有三種類型的色盲 - Deuteranopia，Protanopia和Tritanopia。由于這些視力不足，人們可能對(duì)紅色，綠色，藍(lán)色或黃色光敏感，或者無(wú)法區(qū)分某些顏色。讓具有視覺障礙的用戶可以訪問(wèn)您的網(wǎng)站意味著調(diào)整您的網(wǎng)站，以便他們也可以了解您網(wǎng)頁(yè)上的內(nèi)容。使用屏幕閱讀器或colorfilter.wickline.org或Colorblind網(wǎng)頁(yè)過(guò)濾器等工具將幫助您實(shí)現(xiàn)目標(biāo)。此外，確保您的網(wǎng)站的背景和前景色對(duì)標(biāo)準(zhǔn)視覺和缺色用戶具有足夠的對(duì)比度。

圖片

圖像是另一種類型的多媒體，可能會(huì)出現(xiàn)在網(wǎng)站的多個(gè)位置。圖片在網(wǎng)站上非常有用。它們也可用于裝飾和邊框。圖像可以是展示公司徽標(biāo)或提供產(chǎn)品，服務(wù)或網(wǎng)站目的的其他任何示例的好方法。由于它們通常很豐富并且是網(wǎng)站內(nèi)容的重要組成部分，因此遵循這些重要指南非常重要。

首先，確保圖像（以及您選擇的所有多媒體）都有用。他們的目的應(yīng)該是傳達(dá)重要信息。有時(shí)圖像比文字更好，因?yàn)樗鼈儗?duì)用戶來(lái)說(shuō)更具吸引力和趣味性，但不僅僅是為了拍攝你的貓的圖片，因?yàn)樗芸蓯?。確保僅在適合用戶任務(wù)時(shí)使用圖像。圖像太多或太少都可能對(duì)網(wǎng)站的有效性產(chǎn)生不利影響。擁有太多圖片可能需要很長(zhǎng)時(shí)間才能加載，這可能會(huì)讓用戶感到沮喪。圖片太少可能沒(méi)有足夠的吸引力或可能讓用戶厭煩。確保您選擇的圖像有目的，并且它們適合頁(yè)面上的其余內(nèi)容。

圖像的另一個(gè)考慮因素是確保它們具有替代文本以與它們一起使用。這對(duì)于用于傳達(dá)信息的任何圖像尤為重要。那些僅用于裝扮您網(wǎng)站的圖片可能不需要替代文字。您可以使用鼠標(biāo)懸停在圖像上，通常會(huì)彈出一個(gè)小框，告訴圖像是什么。這也是您可以檢查備用文本以確保將其包含在網(wǎng)頁(yè)設(shè)計(jì)中的一種方法。

請(qǐng)注意圖片中使用的顏色和內(nèi)容。如果一個(gè)人有視力殘疾，可能很難看到對(duì)比度低或顏色極其鮮艷的照片。對(duì)于圖像，考慮您的受眾，誰(shuí)將訪問(wèn)您的網(wǎng)站以及所使用的圖像在年齡方面是否合適也是一個(gè)好主意。

語(yǔ)言

在理解語(yǔ)言和閱讀方面有許多不同的能力。不僅有人會(huì)說(shuō)不同的語(yǔ)言，而且可能不會(huì)說(shuō)流利的英語(yǔ)，但也有很多人可能會(huì)有閱讀和理解的困難。在語(yǔ)言方面，人們可能會(huì)有殘疾，使他們無(wú)法準(zhǔn)確地閱讀單詞或難以理解單詞傳達(dá)的內(nèi)容。以下是有關(guān)您網(wǎng)站語(yǔ)言的一些提示。

確保您使用的詞匯對(duì)于可能訪問(wèn)您網(wǎng)站的普通人來(lái)說(shuō)不是太高。盡量不要讓你的詞匯過(guò)于花哨，并堅(jiān)持使用所有人都能理解的更常見的詞匯。如果一個(gè)人開始閱讀您的網(wǎng)站并被所使用的語(yǔ)言所淹沒(méi)，那么他們可能會(huì)繼續(xù)前往其他地方找到他們想要的內(nèi)容。

如果您確實(shí)需要使用可能被視為高級(jí)詞匯的單詞，請(qǐng)務(wù)必包含鏈接或必要信息，以向他們解釋其含義以及與您網(wǎng)站上的信息相關(guān)的信息。這可能包括將其鏈接到圖片，定義或您的意思的示例。

將您的網(wǎng)站翻譯成其他語(yǔ)言并沒(méi)有什么壞處。當(dāng)然，這取決于您所在的位置以及您希望公司達(dá)到的距離。雖然知道不同語(yǔ)言不被視為殘疾，但允許每個(gè)人訪問(wèn)您網(wǎng)站上的信息會(huì)很有幫助。使用大多數(shù)人都能理解的共同語(yǔ)言。

形式

許多網(wǎng)站要求用戶填寫表格。這可能是為了購(gòu)買，注冊(cè)新聞通訊或更多信息，或在網(wǎng)站的公共論壇上發(fā)表評(píng)論和消息。雖然表單是包含在網(wǎng)站上的一個(gè)很好的工具，但它們?cè)诳稍L問(wèn)性方面也有指導(dǎo)。如果表格無(wú)法正常使用，這肯定會(huì)引起很多挫敗感。用戶可能無(wú)法購(gòu)買產(chǎn)品或獲取理解網(wǎng)站所需的必要信息。在創(chuàng)建表單時(shí)，您應(yīng)該執(zhí)行以下操作。

現(xiàn)在，表單包括使用下拉菜單，按鈕和復(fù)選框在框中填寫文本信息。要考慮的一個(gè)非常重要的事情是確保每個(gè)文本框都標(biāo)有它的內(nèi)容。對(duì)于那些使用文本到語(yǔ)音技術(shù)來(lái)填寫表單的人來(lái)說(shuō)，這是必不可少的。這可能是那些難以看到或閱讀的人。用戶還可以使用不同類型的輔助技術(shù)訪問(wèn)網(wǎng)站。在表單框上添加標(biāo)簽將使所有人都可以訪問(wèn)。

此外，在表單方面，您應(yīng)該以有意義的方式組織框。例如，表單通常以姓名，街道地址，城市，州，郵政編碼，電話號(hào)碼等開頭。按順序創(chuàng)建表單可以幫助所有用戶更好地預(yù)測(cè)表單。

您還需要確?？梢允褂面I盤從一個(gè)框切換到另一個(gè)框來(lái)填寫表單。這對(duì)于那些使用輔助技術(shù)的人以及那些無(wú)法使用鼠標(biāo)在網(wǎng)站中導(dǎo)航的人來(lái)說(shuō)會(huì)很有幫助。

JAVASCRIPT的

當(dāng)涉及到您網(wǎng)站的這一功能時(shí)，請(qǐng)始終使用不顯眼的JavaScript，而不是在線腳本。這將確保即使JavaScript無(wú)法正常工作，用戶也不會(huì)被拒之門外。最好還為用戶提供額外的可用性層，以及無(wú)法使用JavaScript的環(huán)境或未啟用JavaScript的環(huán)境。

標(biāo)題

網(wǎng)站越有組織越好。這就是選擇標(biāo)題時(shí)謹(jǐn)慎使您的網(wǎng)站完全可訪問(wèn)的原因。它也可以是顯示信息重要性的良好視覺效果。標(biāo)題應(yīng)該簡(jiǎn)單但具有描述性，因此讀者知道會(huì)發(fā)生什么。它對(duì)屏幕閱讀器也很有幫助。

另一個(gè)考慮因素是當(dāng)一頁(yè)上有大量信息時(shí)使用鏈接目錄。這意味著讀者可以單擊鏈接并直接進(jìn)入頁(yè)面上的內(nèi)容。它避免讓它們滾動(dòng)，這可能在視覺上令人不悅和令人沮喪。這將有助于那些有困難的人找到他們正在尋找更有效的內(nèi)容。

鏈接

網(wǎng)站通常將鏈接鏈接到網(wǎng)站內(nèi)的不同位置或完全不同的網(wǎng)站。在可訪問(wèn)性指南方面，鏈接應(yīng)該將人員帶到相關(guān)網(wǎng)站。就像網(wǎng)站上的多媒體應(yīng)該有目的一樣，鏈接也是如此。鏈接可以轉(zhuǎn)到用戶獲取信息所需的其他文檔。

確保鏈接標(biāo)記正確，并說(shuō)明用戶應(yīng)該去那里的原因。也許您希望向他們提供更多信息，或者希望他們查看產(chǎn)品或閱讀評(píng)論。無(wú)論是什么原因，都應(yīng)該為用戶提供更多信息或?qū)⑵鋷У较嚓P(guān)頁(yè)面。不要使用網(wǎng)站的地址，而是給它一個(gè)正確的名稱。例如，不是建議用戶訪問(wèn)https://dynomapper.com，而是將其鏈接到相關(guān)文本?！澳梢栽L問(wèn)DynoMapper以獲取更多信息，”這將是顯示鏈接的更合適的方式。

這樣，如果用戶從屏幕閱讀器獲得幫助，他們就知道該鏈接是重要且合法的。無(wú)論他們是否想要鏈接，他們都可以做出明智的決定。在打開文檔時(shí)，它對(duì)所有用戶也很有幫助，因?yàn)樗麄兛梢愿玫毓烙?jì)文檔打開的時(shí)間以及是否有兼容的程序。

導(dǎo)航

如果沒(méi)有適當(dāng)?shù)膶?dǎo)航，很難從網(wǎng)站上獲取適當(dāng)和必要的信息。訪問(wèn)網(wǎng)站時(shí)，用戶往往需要點(diǎn)擊很多才能到達(dá)他們需要去的地方。確保導(dǎo)航工作不僅對(duì)殘障人士很重要，而且對(duì)所有用戶都有幫助。如果你曾經(jīng)去過(guò)一個(gè)難以瀏覽的網(wǎng)站，或者你找不到你去過(guò)那里的東西，那么你就知道它是多么令人沮喪。

為確保您的網(wǎng)站易于瀏覽，請(qǐng)確保無(wú)需使用鼠標(biāo)即可訪問(wèn)您網(wǎng)站的每個(gè)部分。也可以通過(guò)鍵盤訪問(wèn)的網(wǎng)站使各種用戶更容易輕松到處。那些使用輔助技術(shù)的人可能無(wú)法訪問(wèn)鼠標(biāo)。

列表和表格

列表和表格可能有助于增強(qiáng)您網(wǎng)站上的內(nèi)容。它們可能有助于傳達(dá)重要信息，如數(shù)據(jù)和其他內(nèi)容。如果可能，請(qǐng)使用項(xiàng)目符號(hào)列表。這有助于使內(nèi)容更易于閱讀和理解。當(dāng)用戶通過(guò)向他們讀取的技術(shù)輔助時(shí)，這可能是有益的。

網(wǎng)站上的表格應(yīng)該很簡(jiǎn)單，并且應(yīng)該包含行和列的標(biāo)簽。同樣，當(dāng)有人使用輔助技術(shù)時(shí)，這可以確保他們輕松獲取信息，以免混淆。

為什么可訪問(wèn)性很重要

創(chuàng)建一個(gè)所有人都可以訪問(wèn)的網(wǎng)站可以帶來(lái)很多好處。對(duì)于殘疾人而言，重要的是（和法律）他們與非殘疾人一樣。這些指南很容易遵循，只會(huì)使您創(chuàng)建的網(wǎng)站更好。無(wú)論一個(gè)人有什么類型的殘疾，他們?cè)诜缮隙夹枰@得與非殘疾人相同的技術(shù)。

使您的網(wǎng)站可訪問(wèn)也使其成為所有訪問(wèn)者的用戶友好網(wǎng)站。這有助于提高您的搜索引擎優(yōu)化，利潤(rùn)，并使您的用戶在網(wǎng)站上感到高興。遵循這些準(zhǔn)則是確保所有人都可以訪問(wèn)您的內(nèi)容的重要步驟。

分享標(biāo)題：網(wǎng)站設(shè)計(jì)優(yōu)化與Web輔助功能清單
路徑分享：http://www.bm7419.com/news/165929.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)