如何滿足對網站無障礙需求的增長

規劃細節

如果你的網站數據就像一本充滿不可預測角色的神秘驚悚小說,造成高跳出率和轉化率低迷,那你並不孤單。根據世界衛生組織的數據,全球有22億視力障礙人士。根據Diamond發表的一項研究,在2020年2月Alexa排名前100位的網站中,令人震驚地發現</a>98.1%的首頁至少存在一個可探測到的WCAG 2違規問題,內頁則有97.8%。<br/><br/>整體而言,每個首頁平均發現</a>60.9個錯誤,內頁平均發現</a>53</a>個錯誤。這些都是排名前100位的網站。你是否想知道你的網站處於什麼水準?瞭解訪客在線上做什麼事情、以及他們如何</a>、在哪裡以及為什麼這樣做,就像解謎般有趣。<br/><br/>如果想改進甚至是從頭開始建設,無論是全球企業還是小型企業,都需要注重細節。如果沒有計劃,你的開發者將無所適從。創建用戶人物並不總是一種有效的瞭解目標市場</a>的方法,因為會忽略掉具有獨特行為的大量人群。<br/><br/>創造出來的使用者角色往往遺漏了一些內容</a>,在網站或應用程式發布給公眾後才會發現</a>這些問題。無論你在全球企業還是小型企業工作,成功與計劃、流程、指南、卓越追求和探索新機遇密切相關。查看所有跳出率(不僅僅是高跳出率)、低轉化率和網站放棄情況。<br/><br/>持續測試表單,在目標市場</a>進行用戶測試,學會至少使用一個螢幕閱讀器。Mac上可以免費</a>使用Safari Voice Over。多項可及性研究顯示,許多網站未能符合WCAG指南要求的比例正在下降。<br/><br/>除了收入下降外,隨著越來越多的國家實施數字可及性法律,面臨可及性訴訟是一個真正的問題。你是否考慮到了目標市場</a>使用者的行為?還可以嘗試哪些設計思路?你現在可以採取什麼具體步驟來改善網站的易用性和可及性?我希望能激勵你跳出舒適區,因為對於數百萬網站用戶來說,他們已經期望我們的網站給他們帶來不適感。

競爭對手也可能加強網站無障礙性,使市場競爭更加激烈

COVID-19疫情爆發以來,全球各國政府紛紛實施居家令,這引起了一系列警報。員工、教師、學生和一般公眾被迫待在家中,只能通過上網解決基本的生活需求,例如上班或購買</a>食物。然而他們很快就意識到兩者都並不輕鬆。<br/><br/>企業將員工送回家時並未考慮到他們的居家設置。沒有高速互聯網或更新的電腦的員工正在努力高效地完成工作。學生和父母面臨在線課程、作業和與教師溝通,感受到了低質量教育網站所帶來的壓力。<br/><br/>僅在美國就有13</a>,600個公立學區要照顧750萬特殊需要的學生。關閉學校對這些學生在線接觸性方面造成了巨大障礙。驚人的發現</a>是有大量網站既無法使用也不友好。<br/><br/>它們並非針對處於困境中的人,這些人可能有殘疾或特殊需求(無論是永久性還是暫時性),以及那些依靠輔助電腦設備才能使用網絡的人。對於多年來一直在設計、測試、開發、培訓和倡導包容性的無障礙社區來說,這並不新鮮。Deque發布了最近一項針對無障礙社區的調查結果,發現</a>83</a>%的受訪者表示,“COVID-19提高了他們組織數字通道的重要性</a>。<br/><br/>”在此之前,ADA無障礙法律訴訟的威脅引起了關注。美國疾病控制與預防</a>中心也公佈了有趣的數據。根據一項新的CDC研究估計,在美國18歲及以上人口中大約有540萬人患有自閉症。<br/><br/>這相當於美國成年人口的2.21%,或大約1/45。在當今全球經濟中生存下去取決於願意投資於理解和解決新挑戰的能力。提供網站設計、軟件開發或在線市場營銷等數字服務的機構需要制定適應技術和指南頻繁變化的程式和計劃。<br/><br/>實施組織內部開發程式。教育所有員工,從業務人員到設計師,掌握建立無障礙和可用性網站的基本知識。鼓勵IT人員進行跨培訓和技能共用。<br/><br/>聘請遠程員工。如果長期目標是將企業放在互聯網上,就必須證明它對每個希望與之互動的人都有效果。發現</a>始於內部。<br/><br/>

教育

為了保持所需的技能,他們需要持續接受教育和培訓。給予他們使用者行為研究、電腦、移動裝置</a>、作業系統、瀏覽器的資源,並允許將這些資源納入其計劃、測試計劃、使用者測試和長期維護中。每一代人對於網路的使用方式都不同,在開發針對不同年齡群體的應用程式時,這非常重要。<br/><br/>將開發和設計人員分成團隊,讓高級人員指導初級人員。然後反過來,讓初級人員有機會向老手介紹新思想,以克服可能困於相同程式中的問題。

移除假設

常見的錯誤之一是對於使用你的網站或應用程式的人做出假設。例如,假設每個人都有手機,假設每個人都有最新的作業系統、瀏覽器和快速網路。還有假設每個人都能看得見、聽得見、擁有電腦滑鼠並能回想起內容</a>。<br/><br/>另外也可能會假設所有內容管理系統</a>(CMS)的主題和外掛都能正常運作,符合目前的設計W3</a>C和WCAG要求。

相關數據:

• 根據全球無障礙網絡倡議(web accessibility initiative)的報告,全球有15%的人口患有某種形式的殘疾,需要無障礙網站的支持。 來源: 全球無障礙網絡倡議
• 根據美國國家殘疾人法律中心(national disability rights network)的調查,美國有超過50%的殘疾人士在使用互聯網時遇到無障礙問題。 來源: 美國國家殘疾人法律中心
• 根據英國政府數據,英國有約11.9百萬人口患有某種形式的殘疾,他們需要對網站進行無障礙設計。 來源: 英國政府
• 根據日本數字內閣(digital cabinet)的統計,日本有約7.6%的人口患有某種形式的視覺障礙,需要對網站進行無障礙性改善。 來源: 日本數字內閣
• 根據法國盲人協會(french federation of the blind)的調查,法國有超過70%的網站未能達到無障礙標準,無法滿足視覺障礙人士的需求。 來源: 法國盲人協會

被忽略的可及性和易用性

以下是一些較少被實施的無障礙和可用性最佳實踐。連結必須對螢幕閱讀器和視覺使用者可辨識。螢幕閱讀器會宣告連結,然後讀取連結文字。<br/><br/>在每個頁面的標題中首先放置品牌名稱會使在多個選項卡中觀看時難以區分頁面。對於螢幕閱讀器使用者,每次訪問新頁面時都會重複播放品牌名稱,而且由於選項卡只能包含有限的文本,頁面的目的也會被截斷。所有的PDF檔都必須是可存取的。<br/><br/>這包括閱讀順序、替代文字和表格等內容</a>。可以使用Adobe 的無障礙工具</a>或Common Look進行修復。通過使用文本指示(例如,“在新視窗中打開”)或具有相等Alt文本的16 x 16圖標來指示某個連結是否在新窗口或選項卡中打開。<br/><br/>始終要區分連結和純文字。對於網誌文章中的“閱讀更多”連結,使用aria-label添加文章標題。 不要讓圖像連結的替代文字重複鄰近的連結文字。<br/><br/>如果圖像沒有連結,那麼連結文字就足夠了。對於圖像,可以使用空的alt屬性。在一個頁面上重複的連結對於螢幕閱讀器和視覺使用者來說是一個危險因素。<br/><br/>避免使用相同的連結文字指向不同的目的地。通過連結文字或WAI-ARIA標籤(′aria-labelledby′或′aria-label′)區分它們,以明確指示它們導向不同的目標。跳過標題級別是常見錯誤。<br/><br/>按照正確順序使用標題標籤</a>。