如何在網頁設計和開發中提供數位可訪問性

如果有人要求您定義數位世界中的可訪問性意味著什麼，您能定義一下嗎？ 如果您感到不確定，那麼您並不孤單。

當倡議者 Tyler D'Amore 第一次告訴他的朋友和家人他從事網路無障礙工作時，他們最初以為他是在銷售 WiFi。 儘管那是十多年前的事了，但即使世界繼續轉向線上，數位無障礙的概念仍然讓人感覺新穎而複雜。

數位可訪問性從建立令人難以置信的網站開始。 下載“向本地企業銷售網站服務的 6 步驟指南”，立即開始為您的客戶提供可訪問性。

在最近的征服本地播客的兩部分節目中，George Leith 與AudioEye Inc. 的兩位數位無障礙專家進行了交談：戰略合作夥伴副總裁Tyler D'Amore 和擁有“無障礙傳播者”稱號的Alisa Smith 。

在第一部分中，喬治和泰勒討論了數位可訪問性是什麼以及為什麼它至關重要——不僅在道德上，而且從銷售和合規的角度來看。 在第二部分中，George 和 Alisa 深入探討了您今天可以實施的速贏方案，以使每個人都可以更輕鬆地訪問您的企業網站。

什麼是數字無障礙？

用泰勒的一個偉大的類比來說，數位可近性就是數位世界的坡道和鐵軌。

單獨考慮一下「可訪問性」這個詞。 除了想像坡道和欄桿的圖像之外，您可能還會想到預留的停車位或指定的衛生間隔。 當涉及商店、銀行和餐廳等實體場所時，大多數人都非常熟悉這些類型的住宿。 他們明白為什麼他們是讓每個人（包括殘疾人）的生活變得包容的必要組成部分。

現在考慮一下目前有多少生活是在網路上進行的。 隨著電子商務的興起，從銀行業務到購物再到訂餐，世界比以往任何時候都更加網路化。 與其他空間一樣，網站等數位場所需要進行設計，以便每個人都可以使用它們。

無法上網會是什麼樣子？

一個坐在輪椅上的人面對一段很長的樓梯——很容易想像身體上的難以接近。 但在網路上看起來會是什麼樣子呢？

• 視力障礙人士嘗試造訪未針對輔助科技進行最佳化的網站
• 患有閱讀障礙的人難以閱讀襯線字體的長文本塊
• 色盲患者瀏覽缺乏對比色的網頁
• 因意外閃爍內容而引發癲癇症的人

在這些情況下，各行各業的人們都會有負面的經驗。 他們無法獨立、輕鬆地在線上購物、了解您的業務或參與您的內容。

為什麼數位可訪問性很重要

從道德角度來看，不言而喻，沒有人願意受到歧視。 但為什麼它對於您客戶的網站至關重要呢？

為了利潤和競爭優勢

如果在建立網站時不考慮網路可訪問性，您就會限制客戶的受眾、他們的業務潛力和他們的財務成長。

但真正能從數位無障礙措施中受益的人難道不是只有一小部分人嗎？

泰勒表示，整個潛在市場可能比您想像的更重要。 「百分之二十的人口患有某種形式的殘疾，這將改變他們與數位科技互動的方式，」他說。

這甚至沒有考慮情境或暫時的殘疾（accessCAN）。

「也許我摔斷了右臂，」泰勒解釋道。 “現在我真的無法正確使用鍵盤......也許我抱著一個嬰兒，現在我需要某種文字轉語音功能。” 歸根結底，擁有一個可訪問的網站有可能使每個人受益。

「所有這些功能最初都是為殘疾人提供的工具，但從通用設計方面 (CEUD) 來看，它們最終成為任何人都可以使用的功能，」泰勒總結道。

此外，從銷售的角度來看，如果您是向中小型企業客戶銷售一系列解決方案的代理商所有者或數位經銷商，那麼提供包括數位可訪問性在內的網站設計和開發作為網站設計宣傳的一部分可能會更好。一個關鍵的差異化因素並且交易更接近。

為了遵守法律

實體可訪問性和網路可訪問性現在存在於同一範圍內，如果不適應可能會對您的企業和客戶造成巨大的法律風險。

如果您要起草建造建築物的藍圖，法律會要求您包含無障礙設施，例如上述坡道和鐵軌。 類似的法規現在也適用於數位空間。 網路內容可訪問性指南 (WCAG) 提供了一個藍圖。 在這些準則中，每個國家還有不同的進一步差異。

例如，在美國，《美國殘疾人法案》第三章「禁止私人公共場所歧視殘疾人」(ADA)。 法官現在裁定網站就是這樣的地方。

泰勒表示，每年都會針對大公司以及中小型企業的數位部門提出數以萬計的第三項投訴。

儘管這場網路可訪問性訴訟即將發生，泰勒估計「今天只有 5% 的網路可以存取」(AudioEye)。

如何提供數位無障礙

所以你想從明天開始。 根據無障礙傳播者 Alisa Smith 的說法，如果您想獲得競爭優勢以賺取更多收入，那麼您今天就需要開始優先考慮數位無障礙。

Alisa 擁有 20 多年的經驗，經常收集殘疾人的回饋和見解，以便她可以在團隊創建無障礙解決方案時為他們提供策略方向。 您現在可以採取以下幾個步驟：

標籤按鈕

未標記的按鈕是 Alisa 在進行 Web 可訪問性審核時遇到的最常見問題之一。

「如果您在網站上放置一個顯示文字的按鈕，請確保文字是純文字而不是文字圖像，」Alisa 建議。 “如果它是文本圖像，”她繼續說道，“您必須提供替代文本，以便任何訪問您網站的人都可以使用文本轉語音或螢幕閱讀器來感知和理解內容。”

為圖像添加描述

說到替代文本，替代文本是一種標記圖像的方式，以便盲人或視力受損的人可以理解上下文。 如果您網站上的圖像沒有附帶說明，那麼您可能會冒著人們錯過您網站的全部效果的風險，最壞的情況是完全困惑並且無法導航。

Alt 文字對於搜尋引擎優化 (SEO) 也至關重要，因為 Google 優先考慮網路可訪問性並致力於遵守《美國殘疾人法案》。

在製作替代文字時，艾莉莎還有另一個建議：要有創意，使用語言來傳達正確的語氣、感覺或氛圍。 「我們致力於提供高品質的體驗，而不僅僅是確保所有資訊都在頁面上，」她說。 例如，「情侶在浪漫的海灘度假」所描繪的畫面與「人們在海灘上散步」截然不同，即使描述在技術上是準確的。

使用標題

您多久快速瀏覽一頁並記下標題？ 也許您在閱讀本文時就已經這樣做了！ 一般來說，使用標題是組織資訊的好方法，但對於數位可訪問性來說，它可能是必不可少的。

對於無法透過顏色或字體大小視覺化網頁上的信息層次結構的人來說，標題允許螢幕閱讀器等輔助技術透過向下頁面標題來跳轉標題。

考慮顏色

在品牌塑造方面，應考慮功能性而非時尚性。

雖然同色調的網站設計可能是當下美學上令人愉悅的風格，但對於視力受損、閱讀困難或色盲的人來說，它可能完全難以辨認。

• 選擇對比度較高的顏色
• 確保顏色不是互動元素（例如連結）的唯一標記
• 避免使用顏色來傳達重要訊息（即表示某物是「好」或「壞」）

承認缺點（並計劃修復它）

最後，保持透明度很重要。 如果您目前還沒有完全弄清楚數位可訪問性，那也沒關係。 但是，透過承認手頭上的機會並製定行動計劃，您就可以建立信任並致力於改進。

它可能意味著任何內容，包括在您的網站上添加可訪問性聲明，包括您將採取的行動的時間表，或從網站評估開始。

也許，感謝 Tyler D'Amore 和 Alisa Smith，您已經具備了邁出第一步所需的一切，為您的客戶及其顧客提供更便利的體驗。

關於泰勒·達莫爾

Tyler D'Amore 是無障礙領域的領導者，也是數位包容性的倡導者。 身為 AudioEye Inc. 的策略合作夥伴副總裁，Tyler 對 ADA 相關數位無障礙要求的法律和技術要求有著深入的了解。 他是國際無障礙專業人員協會會員委員會的成員，並曾擔任委員會主席。

關於艾莉莎史密斯

Alisa Smith是AudioEye Inc.的無障礙推廣專家，是一位充滿熱情的無障礙倡導者，擁有 20 年的技術職業生涯，致力於數位市場、汽車和金融服務行業的設計、開發和品質保證。