新聞觀點資(zī)訊

探知(zhī) • 創造美好

不斷超越客戶的期望值,源自我(wǒ)們對這個行業的熱愛

網站設計優化與Web輔助功能清單

來源:https://www.xcseoer.com| 2020-07-13 23:06:51

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

下(xià)面是一(yī)個Web可訪問性檢查表,可用于Web設計人員(yuán),以确保網站上的項目和功能符合有關Web可訪問性的規則和規定。遵循這些指南(nán)将使您的網站更易于所有用戶訪問。雖然此清單上有許多項目,但對于可能需要在網站上訪問的所有功能可能并不全面。除非您自己有殘疾,否則您可能沒有意識到清單中(zhōng)的某些項目有多重要。

Web輔助功能清單
文本

東莞網站建設認爲:網站上通常有很多文字。創建可訪問的網站時需要考慮幾個不同的因素。

首先,确保在需要時可以放(fàng)大(dà)使用的文本。那些無法正确看到的人可能需要使文字更大(dà)。确保在不影響頁面上其他内容的情況下(xià)發生(shēng)這種情況。

根據您在頁面上使用的對比度和顔色,也應該很容易看到文本。例如,白(bái)色與黑色可能是用于背景和文本的良好對比。建議在白(bái)色背景上使用黑色文本,這是所有用戶看到的最簡單對比。這種對比度将允許低能見度的人能夠有效地閱讀内容。

在文本樣式方面,請務必在必要時使用粗體(tǐ),斜體(tǐ)或帶下(xià)劃線的文本。這有助于向用戶顯示單詞之間的差異。雖然顔色對比是一(yī)個好主意,但也可能最好使用不同的樣式,這将有助于那些有色盲的人能夠看到文本之間的差異。此外(wài),不要使用顔色作爲指令,例如“單擊藍(lán)色圓圈轉到下(xià)一(yī)頁”。這可能會影響那些色盲或難以看到這個方向的人的能力。


視頻(pín)和音頻(pín)

多媒體(tǐ)可以是圖片,視頻(pín)和音頻(pín)剪輯。許多網站在其網站上的某個地方至少會有這些類型的多媒體(tǐ)之一(yī)。雖然這可能是向用戶提供信息的好方法,但如果内容不遵循可訪問性指南(nán),那麽對于殘障人士來說也會令人沮喪。

選擇适合頁面内容的視頻(pín)和音頻(pín)剪輯是确保它們可訪問的第一(yī)步。隻有當它增強了網頁上提供的信息時,請務必将它們放(fàng)在那裏。在頁面上放(fàng)置不相關的多媒體(tǐ)剪輯可能弊大(dà)于利。

當涉及到您網站上的視頻(pín)和音頻(pín)時,請務必爲您擁有的這些類型的多媒體(tǐ)添加字幕。确保可訪問性的另一(yī)種方法是提供視頻(pín)和音頻(pín)的成績單。如果您的用戶聽(tīng)力有困難,那麽他們仍然可以在沒有聲音的情況下(xià)獲取内容。此外(wài),如果有人難以看到或閱讀,他們可以将文本讀給他們。如果您要在您的網站上包含此多媒體(tǐ),則可以訪問視頻(pín)和音頻(pín)片段的内容非常重要。網站可以傳達非常重要的信息。它們也使網站更令人興奮,但如果一(yī)個人無法訪問這些信息,那麽它們就沒用了。

在視頻(pín)和音頻(pín)方面需要考慮的另一(yī)個重要特性是确保在頁面加載後用戶可以停止視頻(pín)或音頻(pín)剪輯。不是每個人都希望聽(tīng)到或看到以這種方式呈現的信息。當有聲音在後台播放(fàng)時,當人們正在閱讀或嘗試訪問内容時,這可能會分(fēn)散注意力。

最後,請注意您選擇的視頻(pín)适合觀衆。這不僅意味着要注意内容,還要注意視頻(pín)的效果。例如,如果您的視頻(pín)有大(dà)聲喧嘩,明亮的燈光或任何不尋常的視頻(pín),您可能需要警告您的用戶。患有癫痫或其他疾病的人可能對光和聲音敏感。


顔色和對比度

有三種類型的色盲 - Deuteranopia,Protanopia和Tritanopia。由于這些視力不足,人們可能對紅色,綠色,藍(lán)色或黃色光敏感,或者無法區分(fēn)某些顔色。讓具有視覺障礙的用戶可以訪問您的網站意味着調整您的網站,以便他們也可以了解您網頁上的内容。使用屏幕閱讀器或colorfilter.wickline.org或Colorblind網頁過濾器等工(gōng)具将幫助您實現目标。此外(wài),确保您的網站的背景和前景色對标準視覺和缺色用戶具有足夠的對比度。


圖片

圖像是另一(yī)種類型的多媒體(tǐ),可能會出現在網站的多個位置。圖片在網站上非常有用。它們也可用于裝飾和邊框。圖像可以是展示公司徽标或提供産品,服務或網站目的的其他任何示例的好方法。由于它們通常很豐富并且是網站内容的重要組成部分(fēn),因此遵循這些重要指南(nán)非常重要。

首先,确保圖像(以及您選擇的所有多媒體(tǐ))都有用。他們的目的應該是傳達重要信息。有時圖像比文字更好,因爲它們對用戶來說更具吸引力和趣味性,但不僅僅是爲了拍攝你的貓的圖片,因爲它很可愛。确保僅在适合用戶任務時使用圖像。圖像太多或太少都可能對網站的有效性産生(shēng)不利影響。擁有太多圖片可能需要很長時間才能加載,這可能會讓用戶感到沮喪。圖片太少可能沒有足夠的吸引力或可能讓用戶厭(yàn)煩。确保您選擇的圖像有目的,并且它們适合頁面上的其餘内容。

圖像的另一(yī)個考慮因素是确保它們具有替代文本以與它們一(yī)起使用。這對于用于傳達信息的任何圖像尤爲重要。那些僅用于裝扮您網站的圖片可能不需要替代文字。您可以使用鼠标懸停在圖像上,通常會彈出一(yī)個小(xiǎo)框,告訴圖像是什麽。這也是您可以檢查備用文本以确保将其包含在網頁設計中(zhōng)的一(yī)種方法。

請注意圖片中(zhōng)使用的顔色和内容。如果一(yī)個人有視力殘疾,可能很難看到對比度低或顔色極其鮮豔的照片。對于圖像,考慮您的受衆,誰将訪問您的網站以及所使用的圖像在年齡方面是否合适也是一(yī)個好主意。


語言

在理解語言和閱讀方面有許多不同的能力。不僅有人會說不同的語言,而且可能不會說流利的英語,但也有很多人可能會有閱讀和理解的困難。在語言方面,人們可能會有殘疾,使他們無法準确地閱讀單詞或難以理解單詞傳達的内容。以下(xià)是有關您網站語言的一(yī)些提示。

确保您使用的詞彙對于可能訪問您網站的普通人來說不是太高。盡量不要讓你的詞彙過于花哨,并堅持使用所有人都能理解的更常見的詞彙。如果一(yī)個人開(kāi)始閱讀您的網站并被所使用的語言所淹沒,那麽他們可能會繼續前往其他地方找到他們想要的内容。

如果您确實需要使用可能被視爲高級詞彙的單詞,請務必包含鏈接或必要信息,以向他們解釋其含義以及與您網站上的信息相關的信息。這可能包括将其鏈接到圖片,定義或您的意思的示例。

将您的網站翻譯成其他語言并沒有什麽壞處。當然,這取決于您所在的位置以及您希望公司達到的距離(lí)。雖然知(zhī)道不同語言不被視爲殘疾,但允許每個人訪問您網站上的信息會很有幫助。使用大(dà)多數人都能理解的共同語言。


形式

許多網站要求用戶填寫表格。這可能是爲了購買,注冊新聞通訊或更多信息,或在網站的公共論壇上發表評論和消息。雖然表單是包含在網站上的一(yī)個很好的工(gōng)具,但它們在可訪問性方面也有指導。如果表格無法正常使用,這肯定會引起很多挫敗感。用戶可能無法購買産品或獲取理解網站所需的必要信息。在創建表單時,您應該執行以下(xià)操作。

現在,表單包括使用下(xià)拉菜單,按鈕和複選框在框中(zhōng)填寫文本信息。要考慮的一(yī)個非常重要的事情是确保每個文本框都标有它的内容。對于那些使用文本到語音技術來填寫表單的人來說,這是必不可少的。這可能是那些難以看到或閱讀的人。用戶還可以使用不同類型的輔助技術訪問網站。在表單框上添加标簽将使所有人都可以訪問。

此外(wài),在表單方面,您應該以有意義的方式組織框。例如,表單通常以姓名,街道地址,城市,州,郵政編碼,電(diàn)話(huà)号碼等開(kāi)頭。按順序創建表單可以幫助所有用戶更好地預測表單。

您還需要确保可以使用鍵盤從一(yī)個框切換到另一(yī)個框來填寫表單。這對于那些使用輔助技術的人以及那些無法使用鼠标在網站中(zhōng)導航的人來說會很有幫助。


JAVASCRIPT的

當涉及到您網站的這一(yī)功能時,請始終使用不顯眼的JavaScript,而不是在線腳本。這将确保即使JavaScript無法正常工(gōng)作,用戶也不會被拒之門外(wài)。最好還爲用戶提供額外(wài)的可用性層,以及無法使用JavaScript的環境或未啓用JavaScript的環境。


标題

網站越有組織越好。這就是選擇标題時謹慎使您的網站完全可訪問的原因。它也可以是顯示信息重要性的良好視覺效果。标題應該簡單但具有描述性,因此讀者知(zhī)道會發生(shēng)什麽。它對屏幕閱讀器也很有幫助。

另一(yī)個考慮因素是當一(yī)頁上有大(dà)量信息時使用鏈接目錄。這意味着讀者可以單擊鏈接并直接進入頁面上的内容。它避免讓它們滾動,這可能在視覺上令人不悅和令人沮喪。這将有助于那些有困難的人找到他們正在尋找更有效的内容。


鏈接

網站通常将鏈接鏈接到網站内的不同位置或完全不同的網站。在可訪問性指南(nán)方面,鏈接應該将人員(yuán)帶到相關網站。就像網站上的多媒體(tǐ)應該有目的一(yī)樣,鏈接也是如此。鏈接可以轉到用戶獲取信息所需的其他文檔。

确保鏈接标記正确,并說明用戶應該去(qù)那裏的原因。也許您希望向他們提供更多信息,或者希望他們查看産品或閱讀評論。無論是什麽原因,都應該爲用戶提供更多信息或将其帶到相關頁面。不要使用網站的地址,而是給它一(yī)個正确的名稱。例如,不是建議用戶訪問https://dynomapper.com,而是将其鏈接到相關文本。“您可以訪問DynoMapper以獲取更多信息,”這将是顯示鏈接的更合适的方式。

這樣,如果用戶從屏幕閱讀器獲得幫助,他們就知(zhī)道該鏈接是重要且合法的。無論他們是否想要鏈接,他們都可以做出明智的決定。在打開(kāi)文檔時,它對所有用戶也很有幫助,因爲他們可以更好地估計文檔打開(kāi)的時間以及是否有兼容的程序。


導航

如果沒有适當的導航,很難從網站上獲取适當和必要的信息。訪問網站時,用戶往往需要點擊很多才能到達他們需要去(qù)的地方。确保導航工(gōng)作不僅對殘障人士很重要,而且對所有用戶都有幫助。如果你曾經去(qù)過一(yī)個難以浏覽的網站,或者你找不到你去(qù)過那裏的東西,那麽你就知(zhī)道它是多麽令人沮喪。

爲确保您的網站易于浏覽,請确保無需使用鼠标即可訪問您網站的每個部分(fēn)。也可以通過鍵盤訪問的網站使各種用戶更容易輕松到處。那些使用輔助技術的人可能無法訪問鼠标。


列表和表格

列表和表格可能有助于增強您網站上的内容。它們可能有助于傳達重要信息,如數據和其他内容。如果可能,請使用項目符号列表。這有助于使内容更易于閱讀和理解。當用戶通過向他們讀取的技術輔助時,這可能是有益的。

網站上的表格應該很簡單,并且應該包含行和列的标簽。同樣,當有人使用輔助技術時,這可以确保他們輕松獲取信息,以免混淆。


爲什麽可訪問性很重要

創建一(yī)個所有人都可以訪問的網站可以帶來很多好處。對于殘疾人而言,重要的是(和法律)他們與非殘疾人一(yī)樣。這些指南(nán)很容易遵循,隻會使您創建的網站更好。無論一(yī)個人有什麽類型的殘疾,他們在法律上都需要獲得與非殘疾人相同的技術。

使您的網站可訪問也使其成爲所有訪問者的用戶友好網站。這有助于提高您的搜索引擎優化,利潤,并使您的用戶在網站上感到高興。遵循這些準則是确保所有人都可以訪問您的内容的重要步驟。


網站設計優化與Web輔助功能清單由東莞網站設計編輯 /news/3628.html如需轉載請注明出處

開(kāi)平網站建設 福田網站建設 惠東網站建設 汕頭網站建設 佛岡網站建設 萬江網站建設 東莞網站優化 東莞網站改版 東莞網絡推廣 東莞網站開(kāi)發 東莞建站費(fèi)用 東莞建網站 東莞網站制作 東莞做網站

多一(yī)份參考,總有益處