來(lái)源:https://www.bb620.com| 2020-07-13 23:06:54
互聯網上(shàng)有許多工具可用于(yú)測試網站的(de)可訪問性,但也(yě)有其他(tā)方法可以(yǐ)在(zài)不(bù)使用工具的(de)情況下進行測試。雖然這(zhè)六種測試Web可訪問性的(de)方法非常簡單,但是(shì)讓每個(gè)人(rén)都可以(yǐ)訪問網站可能需要(yào / yāo)一(yī / yì /yí)些工作。這(zhè)項工作不(bù)會在(zài)一(yī / yì /yí)夜之(zhī)間發生。确定您需要(yào / yāo)做些什麽才能使您的(de)網站更易于(yú)訪問的(de)第一(yī / yì /yí)步是(shì)确定用戶可能遇到(dào)的(de)任何問題。這(zhè)是(shì)測試Web可訪問性的(de)地(dì / de)方。
并非所有人(rén)都精通可訪問性和(hé / huò)Web開發,但這(zhè)并不(bù)意味着您無法自己測試網站。它需要(yào / yāo)對網站工作方式的(de)許多不(bù)同方面有很多了(le/liǎo)解和(hé / huò)了(le/liǎo)解,例如HTML,CSS以(yǐ)及殘障人(rén)士如何與網站互動。理解JavaScript,可訪問性API以(yǐ)及那裏有哪種輔助技術也(yě)很有幫助。
即使您沒有這(zhè)方面的(de)知識,您仍然可以(yǐ)自己進行這(zhè)些測試。東莞網站優化爲(wéi / wèi)了(le/liǎo)幫助您,這(zhè)裏有關于(yú)可訪問性的(de)更重要(yào / yāo)信息以(yǐ)及在(zài)不(bù)使用在(zài)線工具的(de)情況下測試可訪問性的(de)六種方法。
爲(wéi / wèi)什麽可訪問性很重要(yào / yāo)?
首先,了(le/liǎo)解可訪問性及其對業務的(de)重要(yào / yāo)性至關重要(yào / yāo)。要(yào / yāo)成爲(wéi / wèi)一(yī / yì /yí)家成功的(de)公司,必須盡可能多的(de)人(rén)訪問網站。這(zhè)将使他(tā)們能夠獲取重要(yào / yāo)信息,進行購買并注冊進一(yī / yì /yí)步的(de)溝通。它讓客戶參與您的(de)内容。如果每個(gè)人(rén)都無法訪問您的(de)網站,這(zhè)可能會導緻業務受損,讓用戶感到(dào)沮喪,從長遠來(lái)看可能會損害您的(de)聲譽。擁有可供所有人(rén)訪問的(de)網站的(de)企業更有可能成長并變得更加成功。
網站對現代消費者非常重要(yào / yāo)。許多人(rén)每天都在(zài)互聯網上(shàng)開展業務。事實上(shàng),大(dà)多數人(rén)都擁有智能手機,無論身在(zài)何處都可以(yǐ)開展業務。大(dà)多數用戶通過網站,應用或社交媒體進行購買,查找信息以(yǐ)及與企業進行互動。如果所有用戶都無法訪問您的(de)網站,您可能會錯過重要(yào / yāo)的(de)客戶關系。您的(de)網站可以(yǐ)是(shì)潛在(zài)客戶與您的(de)業務的(de)第一(yī / yì /yí)次互動。如果這(zhè)種經曆不(bù)是(shì)積極的(de),那麽他(tā)們不(bù)太可能回來(lái)。
您網站的(de)可訪問性也(yě)很重要(yào / yāo),因爲(wéi / wèi)那裏有很多網站。無論您是(shì)否了(le/liǎo)解,您的(de)業務都會受到(dào)大(dà)量競争。如果用戶對他(tā)們在(zài)您網站上(shàng)的(de)體驗不(bù)滿意,他(tā)們可能會去其他(tā)地(dì / de)方完成他(tā)們需要(yào / yāo)的(de)工作。
可訪問性不(bù)僅對推動業務至關重要(yào / yāo),而(ér)且也(yě)是(shì)法律。
無障礙和(hé / huò)法律
有些法律保護殘疾人(rén),使他(tā)們能夠與殘疾人(rén)一(yī / yì /yí)樣享受同樣的(de)事物。以(yǐ)下是(shì)一(yī / yì /yí)些可以(yǐ)幫助您了(le/liǎo)解網站可訪問性的(de)法律:
美國(guó)殘疾人(rén)法案 - 該法律保護殘疾人(rén)免受任何形式的(de)歧視。法律要(yào / yāo)求公共建築,學校,雇主和(hé / huò)其他(tā)組織爲(wéi / wèi)殘疾人(rén)提供輔助技術。不(bù)得剝奪他(tā)們基于(yú)殘疾的(de)教育,工作或服務。輔助技術是(shì)一(yī / yì /yí)種可以(yǐ)幫助殘障人(rén)士訪問設備信息的(de)系統,因此他(tā)們可以(yǐ)獲得與非殘疾人(rén)相同的(de)信息。
康複法案,第504條和(hé / huò)第508條 - 該法律要(yào / yāo)求殘疾人(rén)可以(yǐ)進入公立學校,建築物和(hé / huò)其他(tā)社區場所。第504條爲(wéi / wèi)殘疾人(rén)提供住宿,使他(tā)們能夠進入工作場所,教育或其他(tā)公共組織。第508節要(yào / yāo)求所有殘疾人(rén)都能使用所有技術。這(zhè)項法案是(shì)在(zài)美國(guó)殘疾人(rén)法案頒布之(zhī)前制定的(de)。它的(de)曆史可以(yǐ)追溯到(dào)1937年。
Web内容可訪問性指南(WCAG) - 這(zhè)些指南建議了(le/liǎo)爲(wéi / wèi)殘障人(rén)士提供網站可訪問性的(de)方法。如果您希望确保網站的(de)可訪問性,這(zhè)些是(shì)您熟悉的(de)重要(yào / yāo)指南。這(zhè)些校長遵循首字母縮略詞POUR,代表:
P - 可感知
O - 可操作
你 - 可以(yǐ)理解
R - 健壯
這(zhè)些原則與确保所有用戶都可以(yǐ)訪問您的(de)網站(P)上(shàng)的(de)視覺,聲音和(hé / huò)觸摸有關。它還包括每個(gè)人(rén)都可以(yǐ)浏覽您的(de)網站(O)并能夠理解您頁面上(shàng)的(de)信息(U)。此外,它要(yào / yāo)求第三方技術可以(yǐ)使用戶更容易訪問信息(R)。
了(le/liǎo)解這(zhè)些法律和(hé / huò)指南是(shì)一(yī / yì /yí)個(gè)很好的(de)起點,可訪問性對您來(lái)說(shuō)是(shì)新的(de)。無論您是(shì)在(zài)構建新網站還是(shì)測試已經擁有的(de)網站,重要(yào / yāo)的(de)是(shì)要(yào / yāo)了(le/liǎo)解您執行此任務的(de)原因。
爲(wéi / wèi)什麽不(bù)在(zài)線測試工具?
在(zài)确保網站爲(wéi / wèi)所有用戶正常運行時(shí),輔助功能測試工具可以(yǐ)提供巨大(dà)的(de)幫助。雖然測試工具非常有用,但它們也(yě)可能很昂貴,具體取決于(yú)所考慮的(de)工具類型。關于(yú)這(zhè)6種網站測試方法的(de)好消息是(shì)它們都完全免費。您無需支付一(yī / yì /yí)分錢來(lái)執行這(zhè)些測試。根據在(zài)線測試工具的(de)類型,他(tā)們可以(yǐ)有一(yī / yì /yí)系列的(de)價格。雖然這(zhè)對大(dà)公司有用,但小公司可能沒有預算在(zài)測試上(shàng)花費太多。
在(zài)線測試工具也(yě)可以(yǐ)爲(wéi / wèi)您提供大(dà)量信息,但沒有什麽比使用手動工具更好的(de)了(le/liǎo)。如果您可以(yǐ)讓其他(tā)人(rén)爲(wéi / wèi)您實時(shí)測試您的(de)網站,它可能比測試工具更有用。盡管機器在(zài)理解法律方面可能很棒,但它們肯定會錯過人(rén)類檢查員可能找到(dào)的(de)東西。他(tā)們不(bù)僅錯過了(le/liǎo)問題,而(ér)且還可能标出(chū)不(bù)正确的(de)問題。
網站的(de)一(yī / yì /yí)些問題隻能通過手動測試找到(dào),因此如果可以(yǐ),最好同時(shí)做兩件事。如果在(zài)兩者之(zhī)間做出(chū)選擇,請選擇手動測試。它可以(yǐ)幫助您比手動測試更快,更準确地(dì / de)找到(dào)問題。
以(yǐ)下是(shì)在(zài)您的(de)網站上(shàng)測試輔助功能的(de)六種方法。
1.使用高對比度模式
大(dà)約30%的(de)視力殘疾用戶會以(yǐ)高對比度模式查看網站。這(zhè)有助于(yú)他(tā)們查看内容并浏覽網站。這(zhè)可能有助于(yú)那些部分受損的(de)人(rén)。與背景顔色相比,高對比度模式可幫助有視力問題的(de)人(rén)看到(dào)更高對比度的(de)内容。通常,網站上(shàng)的(de)顔色會被删除,以(yǐ)便更容易看到(dào)内容。它使文本在(zài)前景中更容易看到(dào),背景變黑。文本更亮,變爲(wéi / wèi)黃色或白色,以(yǐ)便有視力障礙的(de)人(rén)更容易閱讀。
需要(yào / yāo)注意的(de)事項:一(yī / yì /yí)旦打開高對比度模式,請繼續與網站互動。您将看到(dào)網站的(de)哪些部分更容易看到(dào)。如果有重要(yào / yāo)的(de)部分不(bù)容易看到(dào),您可能需要(yào / yāo)考慮更改它們,以(yǐ)便在(zài)高對比度模式下,它可以(yǐ)幫助用戶更好地(dì / de)查看内容。
2.暫時(shí)關閉對圖像的(de)訪問
關閉圖像時(shí),内容是(shì)否仍然對用戶有意義?圖像可能會有所幫助,但不(bù)是(shì)每個(gè)人(rén)都可以(yǐ)訪問它們。重要(yào / yāo)的(de)是(shì)要(yào / yāo)确保您的(de)文本能夠在(zài)沒有圖像的(de)情況下存活,并且您的(de)圖像可以(yǐ)在(zài)沒有文本的(de)情況下存活。以(yǐ)下是(shì)關閉圖像的(de)方法:
Internet Explorer:單擊“工具”,“Internet選項”,“高級”。将有一(yī / yì /yí)個(gè)标有“顯示圖片”的(de)框。您可以(yǐ)取消選中此框以(yǐ)删除圖片。
如果您将Firefox作爲(wéi / wèi)浏覽器,則可以(yǐ)單擊“工具”,“選項”,“内容”。将有一(yī / yì /yí)個(gè)标有“自動加載圖像”的(de)框。通過取消選中此框,您可以(yǐ)關閉網站上(shàng)的(de)圖像。
3.在(zài)媒體上(shàng)查找字幕和(hé / huò)成績單
這(zhè)是(shì)您可以(yǐ)爲(wéi / wèi)您的(de)網站執行的(de)最簡單的(de)測試之(zhī)一(yī / yì /yí)。對于(yú)您網站上(shàng)的(de)任何媒體,請檢查以(yǐ)确保您有字幕或成績單。對于(yú)那些難以(yǐ)看到(dào)的(de)人(rén),他(tā)們會依靠單詞來(lái)幫助他(tā)們理解圖片和(hé / huò)其他(tā)内容。您可以(yǐ)檢查以(yǐ)下功能:
可以(yǐ)打開和(hé / huò)關閉字幕的(de)控件
與視頻一(yī / yì /yí)起出(chū)現的(de)字幕
訪問内容的(de)多種方式(視頻,音頻,文本)
有很多話題的(de)視頻的(de)成績單
媒體的(de)使用和(hé / huò)特征不(bù)僅會影響有視力或聽力障礙的(de)人(rén),還會影響有認知障礙的(de)人(rén)。
4.關閉層疊樣式表
首先,級聯樣式表(CSS)是(shì)可以(yǐ)幫助用戶理解文檔語言的(de)功能。如果您要(yào / yāo)關閉網站上(shàng)的(de)CSS,可以(yǐ)幫助用戶在(zài)使用您的(de)網站時(shí)擁有更大(dà)的(de)靈活性。這(zhè)是(shì)尋找的(de)内容:
禁用CSS時(shí),查看可操作功能是(shì)否消失。如果他(tā)們這(zhè)樣做,那麽人(rén)們很難到(dào)達他(tā)們需要(yào / yāo)去你網站的(de)地(dì / de)方。
看看消息是(shì)否難以(yǐ)破譯
檢查您的(de)内容,看看它是(shì)否易于(yú)閱讀和(hé / huò)理解
查找背景和(hé / huò)文本顔色,看看它們是(shì)否難以(yǐ)閱讀
一(yī / yì /yí)旦關閉CSS,查看文本演示樣式是(shì)否保持不(bù)變
此測試可幫助您了(le/liǎo)解網站上(shàng)使用的(de)HTML,以(yǐ)确定它是(shì)否适合殘障人(rén)士并且是(shì)最新的(de)。
5.僅使用鍵盤
也(yě)許您知道(dào)這(zhè)是(shì)一(yī / yì /yí)個(gè)選項,但從未想過它可以(yǐ)幫助您測試您網站的(de)可訪問性。如果你要(yào / yāo)斷開鼠标并隻使用鍵盤,你會在(zài)網站上(shàng)走多遠?有些殘疾人(rén)無法使用鼠标。這(zhè)可能是(shì)因爲(wéi / wèi)他(tā)們正在(zài)使用某種輔助技術來(lái)浏覽網站。如果你很難做到(dào),那麽其他(tā)人(rén)就(jiù)很難。通過使用“Tab”鍵,您可以(yǐ)從網站的(de)不(bù)同鏈接和(hé / huò)部分切換。當同時(shí)使用“Shift”和(hé / huò)“Tab”時(shí),您将能夠前往以(yǐ)前的(de)位置。使用“Enter”鍵将确保您可以(yǐ)單擊鏈接。這(zhè)些鏈接可以(yǐ)将您帶到(dào)新頁面,在(zài)Web浏覽器上(shàng)向後或向前,并可以(yǐ)選擇您當前所在(zài)網站的(de)任何部分。
需要(yào / yāo)注意的(de)事項:使用鍵盤測試輔助功能時(shí),您需要(yào / yāo)查找以(yǐ)下重要(yào / yāo)因素:
可以(yǐ)訪問和(hé / huò)單擊所有控件。當您點擊鏈接或菜單時(shí),它會将您帶到(dào)您需要(yào / yāo)去的(de)地(dì / de)方。
确保您可以(yǐ)随時(shí)關注正在(zài)突出(chū)顯示的(de)項目。如果你無法弄清楚你要(yào / yāo)去哪裏,那麽殘疾人(rén)就(jiù)很難。當您在(zài)不(bù)同的(de)按鈕和(hé / huò)鏈接之(zhī)間切換時(shí),您應該能夠看到(dào)所選的(de)内容。
問問自己,您希望與之(zhī)交互的(de)順序是(shì)否與視覺焦點相匹配。
通過僅使用鍵盤,您将看到(dào)隻有鍵盤訪問權限的(de)用戶是(shì)否可以(yǐ)訪問您網站上(shàng)的(de)所有信息。
6.使用字段标簽
字段标簽可以(yǐ)幫助用戶填寫網站上(shàng)的(de)表單。填寫殘疾人(rén)表單的(de)問題可能是(shì)最大(dà)的(de)可訪問性問題。以(yǐ)下是(shì)您可能會在(zài)字段标簽中找到(dào)的(de)一(yī / yì /yí)些問題:
标簽缺失或不(bù)完整
焦點控制很差
錯誤處理無效
字段标簽是(shì)填寫在(zài)線表單時(shí)提出(chū)的(de)問題。使用這(zhè)些表格時(shí),您自己是(shì)否容易理解?雖然您可能習慣于(yú)填寫表格的(de)問題,但請記住,并非所有殘疾人(rén)都能夠在(zài)不(bù)易獲取的(de)情況下将其弄清楚。标簽應正确标記,以(yǐ)便用戶可以(yǐ)準确填寫注冊郵件列表,購買或訪問網站上(shàng)的(de)更多信息所需的(de)信息。
額外:自己動手或有你認識的(de)人(rén)使用網站
如果您知道(dào)要(yào / yāo)查找的(de)内容,可以(yǐ)自行測試您的(de)網站以(yǐ)獲取可訪問性。另一(yī / yì /yí)種選擇是(shì)讓你認識的(de)人(rén)使用它來(lái)查看内容的(de)容易程度。讓其他(tā)人(rén)使用您的(de)網站可能更有效,因爲(wéi / wèi)他(tā)們不(bù)太可能有偏見。我們很難承認我們建立或相信的(de)網站可能有任何錯誤。
以(yǐ)下是(shì)在(zài)測試您自己的(de)網站以(yǐ)獲取輔助功能時(shí)應該注意的(de)事項:
内容 - 這(zhè)是(shì)您網頁上(shàng)的(de)所有信息。它可以(yǐ)是(shì)文本,視頻或音頻的(de)形式。這(zhè)對于(yú)測試非常重要(yào / yāo),因爲(wéi / wèi)您需要(yào / yāo)确保
文本 - 您使用的(de)文本的(de)類型,顔色和(hé / huò)大(dà)小可能會對殘疾人(rén)産生影響。
鏈接 - 選擇要(yào / yāo)放在(zài)網站上(shàng)的(de)鏈接時(shí),您需要(yào / yāo)考慮使用每個(gè)人(rén)都可以(yǐ)訪問的(de)鏈接。這(zhè)不(bù)僅意味着他(tā)們可以(yǐ)訪問鏈接,還意味着鏈接與可訪問性指南兼容。
媒體 - 如果殘疾人(rén)無法訪問媒體,那麽您的(de)頁面上(shàng)就(jiù)沒有位置。确保以(yǐ)音頻和(hé / huò)文本形式訪問所有媒體。
輔助技術 - 如果需要(yào / yāo),每個(gè)網站都應該選擇使用輔助技術。通常可以(yǐ)在(zài)您的(de)網站上(shàng)免費提供輔助技術。
如您所見,您可以(yǐ)輕松地(dì / de)測試自己的(de)網站,而(ér)不(bù)是(shì)支付在(zài)線工具的(de)費用。如果您進行研究并了(le/liǎo)解您正在(zài)尋找什麽,您的(de)可訪問性測試可能比在(zài)線測試更準确。了(le/liǎo)解法律以(yǐ)及如何讓所有用戶都能訪問您的(de)網站将有助于(yú)您的(de)業務增長。它還将對您的(de)客戶産生重大(dà)影響,以(yǐ)便您公司的(de)網站可以(yǐ)更好地(dì / de)爲(wéi / wèi)他(tā)們服務。
網站優化功能測試工具有哪些由東莞網站設計編輯 /news/3630.html如需轉載請注明出(chū)處
東莞建站費用 東莞網頁設計 東莞小程序制作 東莞小程序開發 東莞微信小程序商城 東莞做網站 東莞網站改版 東莞微信小程序開發 營銷型網站建設 陽江網站建設 廣東網站建設 電商網站建設 專業網站建設 單頁網站建設 江門網站建設 茂名網站建設 肇慶網站建設 動态網站建設 網站托管 關鍵詞優化 SEO外包