提高企業網站可訪問性的幾個步驟

已發表: 2022-05-30

大家好，今天在本文中，我們將討論一些提高商業網站可訪問性的方法。所以繼續閱讀。

最近的一項研究表明，全球至少 15% 的潛在客戶有某種形式的殘疾，因此讓任何人都可以訪問您的網站是一項商業利益。然而，最關鍵的部分是，通過限制殘疾人訪問您的網頁或應用程序，您在不知不覺中歧視他們，侵犯了他們的道德和人權。因此，互聯網可訪問性意味著確保殘疾人可以輕鬆使用所有在線內容。

如果您的企業在美國開展業務，則意味著您的網站應符合 ADA 要求（美國殘疾人法案）。違反這項法律可能會給公司造成 15,000 至 100,000 美元的罰款，這還不包括解決問題所需的金額。這就是為什麼跟踪網站可訪問性對您的業務至關重要的原因，我們將在下面詳細告訴您如何改善企業網站的可訪問性。

什麼是站點可用性以及如何檢查它？

可用性是指以殘疾人可以使用的方式設計網站。這意味著他們在信息感知、界面導航和交互方面擁有平等的機會。以下是您應該考慮的網站可用性的主要特徵：

顏色對比；
語音識別;
支持屏幕閱讀器——為盲人和視障人士發聲；
邏輯簡單的導航；
大型控件；
自定義內容的能力——例如，增加字體大小。

傳統上，網站和應用程序的用戶體驗是在有聽覺、視覺、言語、認知、神經和身體問題的人使用的背景下討論的。然而，互聯網可訪問性也有利於殘疾人：

智能手機、智能電視、手錶以及其他小屏幕或不同輸入模式的設備的用戶可以輕鬆瀏覽網站；
身體能力下降的老年人可以從中受益；
有暫時問題的人，例如手臂骨折或眼鏡丟失，可以使用一些功能來瀏覽網站；
受環境限制的用戶，例如強烈的陽光或處於無法收聽音頻的環境中；
人們使用緩慢的互聯網連接。

因此，網站的可用性不僅應該由國家門戶網站的開發者考慮，這是法律要求，而且每個在互聯網上工作的人都應該考慮。還應解決可訪問性問題，因為它為企業帶來了物質利益。例如，它允許將受眾擴大到有永久和臨時限制的人，激髮用戶體驗領域的創新，並通過支持多樣性和包容性來發展品牌。

Website Design

提高商業網站可訪問性的 5 種方法

讓您的網站對殘疾人更容易接近不僅是為了避免訴訟；還有關於改善您的客戶服務。以下是一些測試和改進網站用戶體驗的技巧：

1. 測試您的網站

使您的網站平易近人的第一步是進行審核，以查看設計的哪些領域需要改進。即使您使用乾淨的代碼並遵循標準的網頁設計指南；您的網站可能仍然缺少一些重要元素。例如，在使用屏幕閱讀器軟件時幫助描述圖像和視覺效果的替代媒體標籤。運行可訪問性測試將幫助您找到那些缺失的元素，這樣您就可以開始改進您的網站。

2.優化網站用戶體驗

許多品牌和公司在構建網站時經常忽略用戶界面的作用，直到他們受到一波訴訟的打擊。即使是網頁設計師也需要對用戶體驗設計（UXD）有所了解，以確保優化網站內容以提供最佳用戶體驗。需要關注的一些最重要的領域是：

導航：清晰的導航是網站的重要組成部分。使用新的導航類型時要小心，例如漢堡菜單和大型菜單；
文本：找到完美的字體和字體大小，使您的文本在所有平台、設備和瀏覽器上都可讀；
表單：不要忘記給每個字段添加標籤，使表單更易於理解；
按鈕和鏈接：避免使用圖像作為按鈕。使用明文、顏色和 URL 創建鏈接。

3. 為視障人士選擇視覺效果

視力障礙和色盲是世界上最常見的兩種殘疾。但是設計師經常忘記讓這些人理解他們網站的內容。在為您的網站設計選擇視覺元素時，您應該始終考慮這一點。從背景和內容對比到圖像中使用的顏色，所有內容都必須經過仔細選擇，以使它們能夠適應不同類型的視覺障礙。例如，一些網站使用顏色來強調按鈕和鏈接的重要性。對於色盲的人來說，這些按鈕將意味著完全不同的東西。

4.指定替代文本

許多人忽略了非文本元素的替代文本等重要細節。它允許視障訪問者解釋這些塊及其內容。始終為信息項編寫替代文本。一個例外只能是不帶有任何附加信息的裝飾塊。這些包括補充鏈接或背景圖像的圖標。否則，為 IMG 元素填寫 alt 標籤，以便屏幕閱讀器可以讀出它們。或者，使用 aria 屬性來提供附加信息。例如：

如果元素的角色不明確，則使用 role 屬性；
編寫屬性以賦予元素額外的含義或語義；
指示元素狀態。

如果你想完全隱藏屏幕閱讀器的裝飾元素，你可以在 HTML 元素上使用 aria-hidden=”true” 屬性。

5. 簡化導航

如果您的網站有不正確的標籤索引，沒有鼠標的用戶將被拒絕訪問某些元素。這將使導航變得困難。使用選項卡索引全局屬性將焦點添加到需要的元素。對於不應通過鍵盤訪問的塊，可以使用 tabindex="-1"。另外，請確保交互元素具有輪廓屬性功能，否則用戶將無法看到當前聚焦的元素。

通過讓更多的受眾可以訪問您的網站，您不僅可以讓更多人使用您的產品或服務，而且您還將獲得超越競爭對手的優勢。