2022-06-10 分類: 網(wǎng)站設(shè)計
在設(shè)計更新網(wǎng)站以遵守最新的可訪問性法律和法規(guī)時,有許多準(zhǔn)則可供遵循。確保所有用戶都可以訪問網(wǎng)站,尤其是那些殘障用戶,這一點(diǎn)很重要,原因有很多。它不僅是法律,而且對公司也有益。它允許他們擁有更多的訪問者,更多的銷售,并獲得長期的許多客戶。殘障人士無法訪問的網(wǎng)站不僅可能損害銷售或訪問者數(shù)量,而且更重要的是,可能會令用戶感到沮喪。
下面是一個Web可訪問性檢查表,可用于Web設(shè)計人員,以確保網(wǎng)站上的項(xiàng)目和功能符合有關(guān)Web可訪問性的規(guī)則和規(guī)定。遵循這些指南將使您的網(wǎng)站更易于所有用戶訪問。雖然此清單上有許多項(xiàng)目,但對于可能需要在網(wǎng)站上訪問的所有功能可能并不全面。除非您自己有殘疾,否則您可能沒有意識到清單中的某些項(xiàng)目有多重要。
Web輔助功能清單東莞網(wǎng)站建設(shè)認(rèn)為:網(wǎng)站上通常有很多文字。創(chuàng)建可訪問的網(wǎng)站時需要考慮幾個不同的因素。
首先,確保在需要時可以放大使用的文本。那些無法正確看到的人可能需要使文字更大。確保在不影響頁面上其他內(nèi)容的情況下發(fā)生這種情況。
根據(jù)您在頁面上使用的對比度和顏色,也應(yīng)該很容易看到文本。例如,白色與黑色可能是用于背景和文本的良好對比。建議在白色背景上使用黑色文本,這是所有用戶看到的最簡單對比。這種對比度將允許低能見度的人能夠有效地閱讀內(nèi)容。
在文本樣式方面,請務(wù)必在必要時使用粗體,斜體或帶下劃線的文本。這有助于向用戶顯示單詞之間的差異。雖然顏色對比是一個好主意,但也可能最好使用不同的樣式,這將有助于那些有色盲的人能夠看到文本之間的差異。此外,不要使用顏色作為指令,例如“單擊藍(lán)色圓圈轉(zhuǎn)到下一頁”。這可能會影響那些色盲或難以看到這個方向的人的能力。
多媒體可以是圖片,視頻和音頻剪輯。許多網(wǎng)站在其網(wǎng)站上的某個地方至少會有這些類型的多媒體之一。雖然這可能是向用戶提供信息的好方法,但如果內(nèi)容不遵循可訪問性指南,那么對于殘障人士來說也會令人沮喪。
選擇適合頁面內(nèi)容的視頻和音頻剪輯是確保它們可訪問的第一步。只有當(dāng)它增強(qiáng)了網(wǎng)頁上提供的信息時,請務(wù)必將它們放在那里。在頁面上放置不相關(guān)的多媒體剪輯可能弊大于利。
當(dāng)涉及到您網(wǎng)站上的視頻和音頻時,請務(wù)必為您擁有的這些類型的多媒體添加字幕。確保可訪問性的另一種方法是提供視頻和音頻的成績單。如果您的用戶聽力有困難,那么他們?nèi)匀豢梢栽跊]有聲音的情況下獲取內(nèi)容。此外,如果有人難以看到或閱讀,他們可以將文本讀給他們。如果您要在您的網(wǎng)站上包含此多媒體,則可以訪問視頻和音頻片段的內(nèi)容非常重要。網(wǎng)站可以傳達(dá)非常重要的信息。它們也使網(wǎng)站更令人興奮,但如果一個人無法訪問這些信息,那么它們就沒用了。
在視頻和音頻方面需要考慮的另一個重要特性是確保在頁面加載后用戶可以停止視頻或音頻剪輯。不是每個人都希望聽到或看到以這種方式呈現(xiàn)的信息。當(dāng)有聲音在后臺播放時,當(dāng)人們正在閱讀或嘗試訪問內(nèi)容時,這可能會分散注意力。
最后,請注意您選擇的視頻適合觀眾。這不僅意味著要注意內(nèi)容,還要注意視頻的效果。例如,如果您的視頻有大聲喧嘩,明亮的燈光或任何不尋常的視頻,您可能需要警告您的用戶?;加邪d癇或其他疾病的人可能對光和聲音敏感。
有三種類型的色盲 - Deuteranopia,Protanopia和Tritanopia。由于這些視力不足,人們可能對紅色,綠色,藍(lán)色或黃色光敏感,或者無法區(qū)分某些顏色。讓具有視覺障礙的用戶可以訪問您的網(wǎng)站意味著調(diào)整您的網(wǎng)站,以便他們也可以了解您網(wǎng)頁上的內(nèi)容。使用屏幕閱讀器或colorfilter.wickline.org或Colorblind網(wǎng)頁過濾器等工具將幫助您實(shí)現(xiàn)目標(biāo)。此外,確保您的網(wǎng)站的背景和前景色對標(biāo)準(zhǔn)視覺和缺色用戶具有足夠的對比度。
圖像是另一種類型的多媒體,可能會出現(xiàn)在網(wǎng)站的多個位置。圖片在網(wǎng)站上非常有用。它們也可用于裝飾和邊框。圖像可以是展示公司徽標(biāo)或提供產(chǎn)品,服務(wù)或網(wǎng)站目的的其他任何示例的好方法。由于它們通常很豐富并且是網(wǎng)站內(nèi)容的重要組成部分,因此遵循這些重要指南非常重要。
首先,確保圖像(以及您選擇的所有多媒體)都有用。他們的目的應(yīng)該是傳達(dá)重要信息。有時圖像比文字更好,因?yàn)樗鼈儗τ脩魜碚f更具吸引力和趣味性,但不僅僅是為了拍攝你的貓的圖片,因?yàn)樗芸蓯?。確保僅在適合用戶任務(wù)時使用圖像。圖像太多或太少都可能對網(wǎng)站的有效性產(chǎn)生不利影響。擁有太多圖片可能需要很長時間才能加載,這可能會讓用戶感到沮喪。圖片太少可能沒有足夠的吸引力或可能讓用戶厭煩。確保您選擇的圖像有目的,并且它們適合頁面上的其余內(nèi)容。
圖像的另一個考慮因素是確保它們具有替代文本以與它們一起使用。這對于用于傳達(dá)信息的任何圖像尤為重要。那些僅用于裝扮您網(wǎng)站的圖片可能不需要替代文字。您可以使用鼠標(biāo)懸停在圖像上,通常會彈出一個小框,告訴圖像是什么。這也是您可以檢查備用文本以確保將其包含在網(wǎng)頁設(shè)計中的一種方法。
請注意圖片中使用的顏色和內(nèi)容。如果一個人有視力殘疾,可能很難看到對比度低或顏色極其鮮艷的照片。對于圖像,考慮您的受眾,誰將訪問您的網(wǎng)站以及所使用的圖像在年齡方面是否合適也是一個好主意。
在理解語言和閱讀方面有許多不同的能力。不僅有人會說不同的語言,而且可能不會說流利的英語,但也有很多人可能會有閱讀和理解的困難。在語言方面,人們可能會有殘疾,使他們無法準(zhǔn)確地閱讀單詞或難以理解單詞傳達(dá)的內(nèi)容。以下是有關(guān)您網(wǎng)站語言的一些提示。
確保您使用的詞匯對于可能訪問您網(wǎng)站的普通人來說不是太高。盡量不要讓你的詞匯過于花哨,并堅(jiān)持使用所有人都能理解的更常見的詞匯。如果一個人開始閱讀您的網(wǎng)站并被所使用的語言所淹沒,那么他們可能會繼續(xù)前往其他地方找到他們想要的內(nèi)容。
如果您確實(shí)需要使用可能被視為高級詞匯的單詞,請務(wù)必包含鏈接或必要信息,以向他們解釋其含義以及與您網(wǎng)站上的信息相關(guān)的信息。這可能包括將其鏈接到圖片,定義或您的意思的示例。
將您的網(wǎng)站翻譯成其他語言并沒有什么壞處。當(dāng)然,這取決于您所在的位置以及您希望公司達(dá)到的距離。雖然知道不同語言不被視為殘疾,但允許每個人訪問您網(wǎng)站上的信息會很有幫助。使用大多數(shù)人都能理解的共同語言。
許多網(wǎng)站要求用戶填寫表格。這可能是為了購買,注冊新聞通訊或更多信息,或在網(wǎng)站的公共論壇上發(fā)表評論和消息。雖然表單是包含在網(wǎng)站上的一個很好的工具,但它們在可訪問性方面也有指導(dǎo)。如果表格無法正常使用,這肯定會引起很多挫敗感。用戶可能無法購買產(chǎn)品或獲取理解網(wǎng)站所需的必要信息。在創(chuàng)建表單時,您應(yīng)該執(zhí)行以下操作。
現(xiàn)在,表單包括使用下拉菜單,按鈕和復(fù)選框在框中填寫文本信息。要考慮的一個非常重要的事情是確保每個文本框都標(biāo)有它的內(nèi)容。對于那些使用文本到語音技術(shù)來填寫表單的人來說,這是必不可少的。這可能是那些難以看到或閱讀的人。用戶還可以使用不同類型的輔助技術(shù)訪問網(wǎng)站。在表單框上添加標(biāo)簽將使所有人都可以訪問。
此外,在表單方面,您應(yīng)該以有意義的方式組織框。例如,表單通常以姓名,街道地址,城市,州,郵政編碼,電話號碼等開頭。按順序創(chuàng)建表單可以幫助所有用戶更好地預(yù)測表單。
您還需要確??梢允褂面I盤從一個框切換到另一個框來填寫表單。這對于那些使用輔助技術(shù)的人以及那些無法使用鼠標(biāo)在網(wǎng)站中導(dǎo)航的人來說會很有幫助。
當(dāng)涉及到您網(wǎng)站的這一功能時,請始終使用不顯眼的JavaScript,而不是在線腳本。這將確保即使JavaScript無法正常工作,用戶也不會被拒之門外。最好還為用戶提供額外的可用性層,以及無法使用JavaScript的環(huán)境或未啟用JavaScript的環(huán)境。
網(wǎng)站越有組織越好。這就是選擇標(biāo)題時謹(jǐn)慎使您的網(wǎng)站完全可訪問的原因。它也可以是顯示信息重要性的良好視覺效果。標(biāo)題應(yīng)該簡單但具有描述性,因此讀者知道會發(fā)生什么。它對屏幕閱讀器也很有幫助。
另一個考慮因素是當(dāng)一頁上有大量信息時使用鏈接目錄。這意味著讀者可以單擊鏈接并直接進(jìn)入頁面上的內(nèi)容。它避免讓它們滾動,這可能在視覺上令人不悅和令人沮喪。這將有助于那些有困難的人找到他們正在尋找更有效的內(nèi)容。
網(wǎng)站通常將鏈接鏈接到網(wǎng)站內(nèi)的不同位置或完全不同的網(wǎng)站。在可訪問性指南方面,鏈接應(yīng)該將人員帶到相關(guān)網(wǎng)站。就像網(wǎng)站上的多媒體應(yīng)該有目的一樣,鏈接也是如此。鏈接可以轉(zhuǎn)到用戶獲取信息所需的其他文檔。
確保鏈接標(biāo)記正確,并說明用戶應(yīng)該去那里的原因。也許您希望向他們提供更多信息,或者希望他們查看產(chǎn)品或閱讀評論。無論是什么原因,都應(yīng)該為用戶提供更多信息或?qū)⑵鋷У较嚓P(guān)頁面。不要使用網(wǎng)站的地址,而是給它一個正確的名稱。例如,不是建議用戶訪問https://dynomapper.com,而是將其鏈接到相關(guān)文本?!澳梢栽L問DynoMapper以獲取更多信息,”這將是顯示鏈接的更合適的方式。
這樣,如果用戶從屏幕閱讀器獲得幫助,他們就知道該鏈接是重要且合法的。無論他們是否想要鏈接,他們都可以做出明智的決定。在打開文檔時,它對所有用戶也很有幫助,因?yàn)樗麄兛梢愿玫毓烙嬑臋n打開的時間以及是否有兼容的程序。
如果沒有適當(dāng)?shù)膶?dǎo)航,很難從網(wǎng)站上獲取適當(dāng)和必要的信息。訪問網(wǎng)站時,用戶往往需要點(diǎn)擊很多才能到達(dá)他們需要去的地方。確保導(dǎo)航工作不僅對殘障人士很重要,而且對所有用戶都有幫助。如果你曾經(jīng)去過一個難以瀏覽的網(wǎng)站,或者你找不到你去過那里的東西,那么你就知道它是多么令人沮喪。
為確保您的網(wǎng)站易于瀏覽,請確保無需使用鼠標(biāo)即可訪問您網(wǎng)站的每個部分。也可以通過鍵盤訪問的網(wǎng)站使各種用戶更容易輕松到處。那些使用輔助技術(shù)的人可能無法訪問鼠標(biāo)。
列表和表格可能有助于增強(qiáng)您網(wǎng)站上的內(nèi)容。它們可能有助于傳達(dá)重要信息,如數(shù)據(jù)和其他內(nèi)容。如果可能,請使用項(xiàng)目符號列表。這有助于使內(nèi)容更易于閱讀和理解。當(dāng)用戶通過向他們讀取的技術(shù)輔助時,這可能是有益的。
網(wǎng)站上的表格應(yīng)該很簡單,并且應(yīng)該包含行和列的標(biāo)簽。同樣,當(dāng)有人使用輔助技術(shù)時,這可以確保他們輕松獲取信息,以免混淆。
為什么可訪問性很重要
創(chuàng)建一個所有人都可以訪問的網(wǎng)站可以帶來很多好處。對于殘疾人而言,重要的是(和法律)他們與非殘疾人一樣。這些指南很容易遵循,只會使您創(chuàng)建的網(wǎng)站更好。無論一個人有什么類型的殘疾,他們在法律上都需要獲得與非殘疾人相同的技術(shù)。
使您的網(wǎng)站可訪問也使其成為所有訪問者的用戶友好網(wǎng)站。這有助于提高您的搜索引擎優(yōu)化,利潤,并使您的用戶在網(wǎng)站上感到高興。遵循這些準(zhǔn)則是確保所有人都可以訪問您的內(nèi)容的重要步驟。
分享標(biāo)題:網(wǎng)站設(shè)計優(yōu)化與Web輔助功能清單
路徑分享:http://www.rwnh.cn/news/165929.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容