2022-06-10 分類: 網(wǎng)站設(shè)計(jì)
在設(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ù)必為您擁有的這些類型的多媒體添加字幕。確保可訪問(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ì)光和聲音敏感。
有三種類型的色盲 - 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ǔ)言和閱讀方面有許多不同的能力。不僅有人會(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ì)很有幫助。
當(dāng)涉及到您網(wǎng)站的這一功能時(shí),請(qǐng)始終使用不顯眼的JavaScript,而不是在線腳本。這將確保即使JavaScript無(wú)法正常工作,用戶也不會(huì)被拒之門外。最好還為用戶提供額外的可用性層,以及無(wú)法使用JavaScript的環(huán)境或未啟用JavaScript的環(huán)境。
網(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í)間以及是否有兼容的程序。
如果沒(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輔助功能清單
本文來(lái)源:http://m.rwnh.cn/news29/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)
猜你還喜歡下面的內(nèi)容