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

在(zài)設計更新網站以(yǐ)遵守最新的(de)可訪問性法律和(hé / huò)法規時(shí)，有許多準則可供遵循。确保所有用戶都可以(yǐ)訪問網站，尤其是(shì)那些殘障用戶，這(zhè)一(yī / yì ／yí)點很重要(yào / yāo)，原因有很多。它不(bù)僅是(shì)法律，而(ér)且對公司也(yě)有益。它允許他(tā)們擁有更多的(de)訪問者，更多的(de)銷售，并獲得長期的(de)許多客戶。殘障人(rén)士無法訪問的(de)網站不(bù)僅可能損害銷售或訪問者數量，而(ér)且更重要(yào / yāo)的(de)是(shì)，可能會令用戶感到(dào)沮喪。

下面是(shì)一(yī / yì ／yí)個(gè)Web可訪問性檢查表，可用于(yú)Web設計人(rén)員，以(yǐ)确保網站上(shàng)的(de)項目和(hé / huò)功能符合有關Web可訪問性的(de)規則和(hé / huò)規定。遵循這(zhè)些指南将使您的(de)網站更易于(yú)所有用戶訪問。雖然此清單上(shàng)有許多項目，但對于(yú)可能需要(yào / yāo)在(zài)網站上(shàng)訪問的(de)所有功能可能并不(bù)全面。除非您自己有殘疾，否則您可能沒有意識到(dào)清單中的(de)某些項目有多重要(yào / yāo)。

Web輔助功能清單
文本

東莞網站建設認爲(wéi / wèi)：網站上(shàng)通常有很多文字。創建可訪問的(de)網站時(shí)需要(yào / yāo)考慮幾個(gè)不(bù)同的(de)因素。

首先，确保在(zài)需要(yào / yāo)時(shí)可以(yǐ)放大(dà)使用的(de)文本。那些無法正确看到(dào)的(de)人(rén)可能需要(yào / yāo)使文字更大(dà)。确保在(zài)不(bù)影響頁面上(shàng)其他(tā)内容的(de)情況下發生這(zhè)種情況。

根據您在(zài)頁面上(shàng)使用的(de)對比度和(hé / huò)顔色，也(yě)應該很容易看到(dào)文本。例如，白色與黑色可能是(shì)用于(yú)背景和(hé / huò)文本的(de)良好對比。建議在(zài)白色背景上(shàng)使用黑色文本，這(zhè)是(shì)所有用戶看到(dào)的(de)最簡單對比。這(zhè)種對比度将允許低能見度的(de)人(rén)能夠有效地(dì / de)閱讀内容。

在(zài)文本樣式方面，請務必在(zài)必要(yào / yāo)時(shí)使用粗體，斜體或帶下劃線的(de)文本。這(zhè)有助于(yú)向用戶顯示單詞之(zhī)間的(de)差異。雖然顔色對比是(shì)一(yī / yì ／yí)個(gè)好主意，但也(yě)可能最好使用不(bù)同的(de)樣式，這(zhè)将有助于(yú)那些有色盲的(de)人(rén)能夠看到(dào)文本之(zhī)間的(de)差異。此外，不(bù)要(yào / yāo)使用顔色作爲(wéi / wèi)指令，例如“單擊藍色圓圈轉到(dào)下一(yī / yì ／yí)頁”。這(zhè)可能會影響那些色盲或難以(yǐ)看到(dào)這(zhè)個(gè)方向的(de)人(rén)的(de)能力。

視頻和(hé / huò)音頻

多媒體可以(yǐ)是(shì)圖片，視頻和(hé / huò)音頻剪輯。許多網站在(zài)其網站上(shàng)的(de)某個(gè)地(dì / de)方至少會有這(zhè)些類型的(de)多媒體之(zhī)一(yī / yì ／yí)。雖然這(zhè)可能是(shì)向用戶提供信息的(de)好方法，但如果内容不(bù)遵循可訪問性指南，那麽對于(yú)殘障人(rén)士來(lái)說(shuō)也(yě)會令人(rén)沮喪。

選擇适合頁面内容的(de)視頻和(hé / huò)音頻剪輯是(shì)确保它們可訪問的(de)第一(yī / yì ／yí)步。隻有當它增強了(le／liǎo)網頁上(shàng)提供的(de)信息時(shí)，請務必将它們放在(zài)那裏。在(zài)頁面上(shàng)放置不(bù)相關的(de)多媒體剪輯可能弊大(dà)于(yú)利。

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

在(zài)視頻和(hé / huò)音頻方面需要(yào / yāo)考慮的(de)另一(yī / yì ／yí)個(gè)重要(yào / yāo)特性是(shì)确保在(zài)頁面加載後用戶可以(yǐ)停止視頻或音頻剪輯。不(bù)是(shì)每個(gè)人(rén)都希望聽到(dào)或看到(dào)以(yǐ)這(zhè)種方式呈現的(de)信息。當有聲音在(zài)後台播放時(shí)，當人(rén)們正在(zài)閱讀或嘗試訪問内容時(shí)，這(zhè)可能會分散注意力。

最後，請注意您選擇的(de)視頻适合觀衆。這(zhè)不(bù)僅意味着要(yào / yāo)注意内容，還要(yào / yāo)注意視頻的(de)效果。例如，如果您的(de)視頻有大(dà)聲喧嘩，明亮的(de)燈光或任何不(bù)尋常的(de)視頻，您可能需要(yào / yāo)警告您的(de)用戶。患有癫痫或其他(tā)疾病的(de)人(rén)可能對光和(hé / huò)聲音敏感。

顔色和(hé / huò)對比度

有三種類型的(de)色盲 - Deuteranopia，Protanopia和(hé / huò)Tritanopia。由于(yú)這(zhè)些視力不(bù)足，人(rén)們可能對紅色，綠色，藍色或黃色光敏感，或者無法區分某些顔色。讓具有視覺障礙的(de)用戶可以(yǐ)訪問您的(de)網站意味着調整您的(de)網站，以(yǐ)便他(tā)們也(yě)可以(yǐ)了(le／liǎo)解您網頁上(shàng)的(de)内容。使用屏幕閱讀器或colorfilter.wickline.org或Colorblind網頁過濾器等工具将幫助您實現目标。此外，确保您的(de)網站的(de)背景和(hé / huò)前景色對标準視覺和(hé / huò)缺色用戶具有足夠的(de)對比度。

圖片

圖像是(shì)另一(yī / yì ／yí)種類型的(de)多媒體，可能會出(chū)現在(zài)網站的(de)多個(gè)位置。圖片在(zài)網站上(shàng)非常有用。它們也(yě)可用于(yú)裝飾和(hé / huò)邊框。圖像可以(yǐ)是(shì)展示公司徽标或提供産品，服務或網站目的(de)的(de)其他(tā)任何示例的(de)好方法。由于(yú)它們通常很豐富并且是(shì)網站内容的(de)重要(yào / yāo)組成部分，因此遵循這(zhè)些重要(yào / yāo)指南非常重要(yào / yāo)。

首先，确保圖像（以(yǐ)及您選擇的(de)所有多媒體）都有用。他(tā)們的(de)目的(de)應該是(shì)傳達重要(yào / yāo)信息。有時(shí)圖像比文字更好，因爲(wéi / wèi)它們對用戶來(lái)說(shuō)更具吸引力和(hé / huò)趣味性，但不(bù)僅僅是(shì)爲(wéi / wèi)了(le／liǎo)拍攝你的(de)貓的(de)圖片，因爲(wéi / wèi)它很可愛。确保僅在(zài)适合用戶任務時(shí)使用圖像。圖像太多或太少都可能對網站的(de)有效性産生不(bù)利影響。擁有太多圖片可能需要(yào / yāo)很長時(shí)間才能加載，這(zhè)可能會讓用戶感到(dào)沮喪。圖片太少可能沒有足夠的(de)吸引力或可能讓用戶厭煩。确保您選擇的(de)圖像有目的(de)，并且它們适合頁面上(shàng)的(de)其餘内容。

圖像的(de)另一(yī / yì ／yí)個(gè)考慮因素是(shì)确保它們具有替代文本以(yǐ)與它們一(yī / yì ／yí)起使用。這(zhè)對于(yú)用于(yú)傳達信息的(de)任何圖像尤爲(wéi / wèi)重要(yào / yāo)。那些僅用于(yú)裝扮您網站的(de)圖片可能不(bù)需要(yào / yāo)替代文字。您可以(yǐ)使用鼠标懸停在(zài)圖像上(shàng)，通常會彈出(chū)一(yī / yì ／yí)個(gè)小框，告訴圖像是(shì)什麽。這(zhè)也(yě)是(shì)您可以(yǐ)檢查備用文本以(yǐ)确保将其包含在(zài)網頁設計中的(de)一(yī / yì ／yí)種方法。

請注意圖片中使用的(de)顔色和(hé / huò)内容。如果一(yī / yì ／yí)個(gè)人(rén)有視力殘疾，可能很難看到(dào)對比度低或顔色極其鮮豔的(de)照片。對于(yú)圖像，考慮您的(de)受衆，誰将訪問您的(de)網站以(yǐ)及所使用的(de)圖像在(zài)年齡方面是(shì)否合适也(yě)是(shì)一(yī / yì ／yí)個(gè)好主意。

語言

在(zài)理解語言和(hé / huò)閱讀方面有許多不(bù)同的(de)能力。不(bù)僅有人(rén)會說(shuō)不(bù)同的(de)語言，而(ér)且可能不(bù)會說(shuō)流利的(de)英語，但也(yě)有很多人(rén)可能會有閱讀和(hé / huò)理解的(de)困難。在(zài)語言方面，人(rén)們可能會有殘疾，使他(tā)們無法準确地(dì / de)閱讀單詞或難以(yǐ)理解單詞傳達的(de)内容。以(yǐ)下是(shì)有關您網站語言的(de)一(yī / yì ／yí)些提示。

确保您使用的(de)詞彙對于(yú)可能訪問您網站的(de)普通人(rén)來(lái)說(shuō)不(bù)是(shì)太高。盡量不(bù)要(yào / yāo)讓你的(de)詞彙過于(yú)花哨，并堅持使用所有人(rén)都能理解的(de)更常見的(de)詞彙。如果一(yī / yì ／yí)個(gè)人(rén)開始閱讀您的(de)網站并被所使用的(de)語言所淹沒，那麽他(tā)們可能會繼續前往其他(tā)地(dì / de)方找到(dào)他(tā)們想要(yào / yāo)的(de)内容。

如果您确實需要(yào / yāo)使用可能被視爲(wéi / wèi)高級詞彙的(de)單詞，請務必包含鏈接或必要(yào / yāo)信息，以(yǐ)向他(tā)們解釋其含義以(yǐ)及與您網站上(shàng)的(de)信息相關的(de)信息。這(zhè)可能包括将其鏈接到(dào)圖片，定義或您的(de)意思的(de)示例。

将您的(de)網站翻譯成其他(tā)語言并沒有什麽壞處。當然，這(zhè)取決于(yú)您所在(zài)的(de)位置以(yǐ)及您希望公司達到(dào)的(de)距離。雖然知道(dào)不(bù)同語言不(bù)被視爲(wéi / wèi)殘疾，但允許每個(gè)人(rén)訪問您網站上(shàng)的(de)信息會很有幫助。使用大(dà)多數人(rén)都能理解的(de)共同語言。

形式

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

現在(zài)，表單包括使用下拉菜單，按鈕和(hé / huò)複選框在(zài)框中填寫文本信息。要(yào / yāo)考慮的(de)一(yī / yì ／yí)個(gè)非常重要(yào / yāo)的(de)事情是(shì)确保每個(gè)文本框都标有它的(de)内容。對于(yú)那些使用文本到(dào)語音技術來(lái)填寫表單的(de)人(rén)來(lái)說(shuō)，這(zhè)是(shì)必不(bù)可少的(de)。這(zhè)可能是(shì)那些難以(yǐ)看到(dào)或閱讀的(de)人(rén)。用戶還可以(yǐ)使用不(bù)同類型的(de)輔助技術訪問網站。在(zài)表單框上(shàng)添加标簽将使所有人(rén)都可以(yǐ)訪問。

此外，在(zài)表單方面，您應該以(yǐ)有意義的(de)方式組織框。例如，表單通常以(yǐ)姓名，街道(dào)地(dì / de)址，城市，州，郵政編碼，電話号碼等開頭。按順序創建表單可以(yǐ)幫助所有用戶更好地(dì / de)預測表單。

您還需要(yào / yāo)确保可以(yǐ)使用鍵盤從一(yī / yì ／yí)個(gè)框切換到(dào)另一(yī / yì ／yí)個(gè)框來(lái)填寫表單。這(zhè)對于(yú)那些使用輔助技術的(de)人(rén)以(yǐ)及那些無法使用鼠标在(zài)網站中導航的(de)人(rén)來(lái)說(shuō)會很有幫助。

JAVASCRIPT的(de)

當涉及到(dào)您網站的(de)這(zhè)一(yī / yì ／yí)功能時(shí)，請始終使用不(bù)顯眼的(de)JavaScript，而(ér)不(bù)是(shì)在(zài)線腳本。這(zhè)将确保即使JavaScript無法正常工作，用戶也(yě)不(bù)會被拒之(zhī)門外。最好還爲(wéi / wèi)用戶提供額外的(de)可用性層，以(yǐ)及無法使用JavaScript的(de)環境或未啓用JavaScript的(de)環境。

标題

網站越有組織越好。這(zhè)就(jiù)是(shì)選擇标題時(shí)謹慎使您的(de)網站完全可訪問的(de)原因。它也(yě)可以(yǐ)是(shì)顯示信息重要(yào / yāo)性的(de)良好視覺效果。标題應該簡單但具有描述性，因此讀者知道(dào)會發生什麽。它對屏幕閱讀器也(yě)很有幫助。

另一(yī / yì ／yí)個(gè)考慮因素是(shì)當一(yī / yì ／yí)頁上(shàng)有大(dà)量信息時(shí)使用鏈接目錄。這(zhè)意味着讀者可以(yǐ)單擊鏈接并直接進入頁面上(shàng)的(de)内容。它避免讓它們滾動，這(zhè)可能在(zài)視覺上(shàng)令人(rén)不(bù)悅和(hé / huò)令人(rén)沮喪。這(zhè)将有助于(yú)那些有困難的(de)人(rén)找到(dào)他(tā)們正在(zài)尋找更有效的(de)内容。

鏈接

網站通常将鏈接鏈接到(dào)網站内的(de)不(bù)同位置或完全不(bù)同的(de)網站。在(zài)可訪問性指南方面，鏈接應該将人(rén)員帶到(dào)相關網站。就(jiù)像網站上(shàng)的(de)多媒體應該有目的(de)一(yī / yì ／yí)樣，鏈接也(yě)是(shì)如此。鏈接可以(yǐ)轉到(dào)用戶獲取信息所需的(de)其他(tā)文檔。

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

這(zhè)樣，如果用戶從屏幕閱讀器獲得幫助，他(tā)們就(jiù)知道(dào)該鏈接是(shì)重要(yào / yāo)且合法的(de)。無論他(tā)們是(shì)否想要(yào / yāo)鏈接，他(tā)們都可以(yǐ)做出(chū)明智的(de)決定。在(zài)打開文檔時(shí)，它對所有用戶也(yě)很有幫助，因爲(wéi / wèi)他(tā)們可以(yǐ)更好地(dì / de)估計文檔打開的(de)時(shí)間以(yǐ)及是(shì)否有兼容的(de)程序。

導航

如果沒有适當的(de)導航，很難從網站上(shàng)獲取适當和(hé / huò)必要(yào / yāo)的(de)信息。訪問網站時(shí)，用戶往往需要(yào / yāo)點擊很多才能到(dào)達他(tā)們需要(yào / yāo)去的(de)地(dì / de)方。确保導航工作不(bù)僅對殘障人(rén)士很重要(yào / yāo)，而(ér)且對所有用戶都有幫助。如果你曾經去過一(yī / yì ／yí)個(gè)難以(yǐ)浏覽的(de)網站，或者你找不(bù)到(dào)你去過那裏的(de)東西，那麽你就(jiù)知道(dào)它是(shì)多麽令人(rén)沮喪。

爲(wéi / wèi)确保您的(de)網站易于(yú)浏覽，請确保無需使用鼠标即可訪問您網站的(de)每個(gè)部分。也(yě)可以(yǐ)通過鍵盤訪問的(de)網站使各種用戶更容易輕松到(dào)處。那些使用輔助技術的(de)人(rén)可能無法訪問鼠标。

列表和(hé / huò)表格

列表和(hé / huò)表格可能有助于(yú)增強您網站上(shàng)的(de)内容。它們可能有助于(yú)傳達重要(yào / yāo)信息，如數據和(hé / huò)其他(tā)内容。如果可能，請使用項目符号列表。這(zhè)有助于(yú)使内容更易于(yú)閱讀和(hé / huò)理解。當用戶通過向他(tā)們讀取的(de)技術輔助時(shí)，這(zhè)可能是(shì)有益的(de)。

網站上(shàng)的(de)表格應該很簡單，并且應該包含行和(hé / huò)列的(de)标簽。同樣，當有人(rén)使用輔助技術時(shí)，這(zhè)可以(yǐ)确保他(tā)們輕松獲取信息，以(yǐ)免混淆。

爲(wéi / wèi)什麽可訪問性很重要(yào / yāo)

創建一(yī / yì ／yí)個(gè)所有人(rén)都可以(yǐ)訪問的(de)網站可以(yǐ)帶來(lái)很多好處。對于(yú)殘疾人(rén)而(ér)言，重要(yào / yāo)的(de)是(shì)（和(hé / huò)法律）他(tā)們與非殘疾人(rén)一(yī / yì ／yí)樣。這(zhè)些指南很容易遵循，隻會使您創建的(de)網站更好。無論一(yī / yì ／yí)個(gè)人(rén)有什麽類型的(de)殘疾，他(tā)們在(zài)法律上(shàng)都需要(yào / yāo)獲得與非殘疾人(rén)相同的(de)技術。

使您的(de)網站可訪問也(yě)使其成爲(wéi / wèi)所有訪問者的(de)用戶友好網站。這(zhè)有助于(yú)提高您的(de)搜索引擎優化，利潤，并使您的(de)用戶在(zài)網站上(shàng)感到(dào)高興。遵循這(zhè)些準則是(shì)确保所有人(rén)都可以(yǐ)訪問您的(de)内容的(de)重要(yào / yāo)步驟。

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

東莞響應式網站 東莞建站費用 東莞網站建設 東莞網站制作 東莞小程序商城開發 東莞網頁制作 東莞小程序制作 東莞網站改版 單頁網站建設 門戶網站建設 佛山網站建設 汕尾網站建設 江門網站建設 營銷型網站建設 雲浮網站建設 廣州網站建設 揭陽網站建設 清遠網站建設 SEO外包 網站托管 關鍵詞優化