如何提高網站的可訪問性 - 8 種簡單方法。

已發表: 2021-06-02

設計師和開發人員經常花費太多時間來創建一個漂亮的網站,他們忘記了製作一個所有人都可以訪問的功能性網站,包括那些殘障人士。 讓您的網站可供所有人訪問不僅是一項法律要求,而且也是一件道德的事情,它可以為您的企業帶來重大的經濟利益。 因此,在本文中,我將告訴您一些改善網站可訪問性的最佳簡便方法。

97% 的網站不符合全球網絡法規 這表明企業需要做更多的工作來滿足有額外需求的用戶。

為什麼要提高網站的可訪問性?

首先,提高您網站的可訪問性可以讓您的業務面向更大的消費者群,從而帶來更高的利潤。 提高網站的可訪問性也可以改善網站的搜索引擎優化,因為從搜索引擎的角度來看,您的網站更易於理解。

隨著更多流量進入您的網站,更多訪問者能夠閱讀您的內容,銷售機會就越高。 在實施無障礙解決方案時,Tesco 等公司的銷售額有所增長。

最後,改進您的網站以便殘障用戶可以使用它在道德上是正確的,也是法律要求,未能讓殘障用戶訪問您的網站可能會使您的企業面臨訴訟,只需詢問 Netflix、Domino's Pizza 和 Target 等公司所有人都因擁有一個殘疾人用戶無法訪問的網站而被起訴。

您如何提高網站的可訪問性?

有兩種方法可以提高您網站的可訪問性。 第一種選擇是建立一個考慮到可訪問性的網站,或者您可以安裝第三方工具來幫助殘疾用戶訪問您的網站。

如果您在構建網站時考慮到了可訪問性,這裡有一些可以提供幫助的提示。

1) 選擇一個可訪問的內容管理系統。

content management system

顧名思義,內容管理系統是網站上的一個後端工具,用於處理您的數據庫和網站前端顯示的內容。

最常見的內容管理系統之一是 WordPress,作為開箱即用的 CMS,它是可以訪問的,但是當用戶開始創建他們的佈局和設計時,就會遇到問題。

使用 WordPress,他們使用允許您安裝第三方軟件的插件系統,這通常很有用。 但是,此第三方軟件不是由您開發的,因此您可能不了解代碼下發生的情況,因此代碼通常無助於您網站的可訪問性。

話雖如此,還可以將第三方可訪問性插件添加到您的網站以幫助解決可訪問性問題。

2) 使用正確的語義標記。

語義標記描述了對像對於瀏覽器和開發人員的意義。 使用正確的標記可以幫助使用屏幕閱讀器等軟件。

語義標記的示例包括:<form>、<table> 和 <article>,因為它們清楚地描述了將要填充它們的數據。

HTML5 有許多語義標記實例,可用於幫助屏幕閱讀技術,您可以在W3Schools 網站上查看更多示例

3)適當地標記您的圖像。

屏幕閱讀軟件為視障人士提供了一種瀏覽互聯網的方式。 這項技術在讓用戶知道頁面內容方面做得非常好,但是,它們仍然有其局限性。

屏幕閱讀軟件無法描述圖像的內容或讀取圖像中的文本。 出於這個原因,開發人員應該以正確的方式在他們的網站上標記圖像。 屏幕閱讀器可以理解圖像的 ALT 文本,錯誤地填寫將有助於殘障用戶更多地理解您的頁面。

營銷人員可能會濫用 ALT 標籤,因為他們認為這是搜索引擎排名因素。 營銷人員可能會使用以下 ALT 文本標記您網站上的圖像:“shoes for sale”。 而關心網站可訪問性的人會使用 ALT 文本:“辦公室環境中男人穿的棕色皮鞋”。

從上面的示例中,您可以看到從營銷角度與可訪問性角度的明顯差異。

4) 不是每個人都使用鼠標,所以要相應地計劃。

行動不便用戶可能無法以瀏覽互聯網所需的精度使用鼠標。 行動不便的人將使用不同的設備(例如鍵盤、嘴棒和頭棒)訪問互聯網。

即使使用上述技術,由於佈局複雜,某些網站也無法訪問。 複雜的佈局可以包括下拉導航、複雜的動畫,甚至是一些簡單的東西,比如關閉顯示您關注的 Web 元素的 CSS 樣式。

一些用戶將不得不通過單擊鍵盤上的一個鍵來循環瀏覽網站上的元素,對於不可訪問的網站,幾乎不可能看到您所在的元素以及下一步可以去哪裡。 對此最好的解釋是嘗試使用鼠標而不出現鼠標指針出現在屏幕上。

5)了解和使用ARIA

ARIA

Accessible Rich Internet Applications 或 ARIA 簡要概述了您應該如何對您的網站進行更改,以便可以在其上使用輔助技術。 這些指南對於定義如何在您的網站上提供動態內容很有用。

您可以在此處了解如何通過W3C在您的網站上使用 ARIA

6)仔細選擇您網站的顏色

多年來,發表了無數關於色彩理論的文章,討論了某些顏色如何讓人感覺,並可以在購買過程中進一步幫助他們。

無論您是否相信色彩理論,可以肯定的是,色彩可以在提高您網站的可訪問性方面發揮巨大作用。 明亮的顏色可以使有視覺障礙的人更難閱讀您網站上的文本,而相同對比度的顏色可以產生類似的效果。

在決定網站的顏色時,您需要考慮您的品牌。 但是,如果您的品牌對殘疾用戶來說是個問題,您將需要想出一個解決方案來解決它。

7) 在您的視頻中使用字幕

公司可能會在他們的網站上使用視頻解釋器來展示他們的產品如何解決問題,但他們中的許多人不會使用字幕來幫助有聽覺問題的讀者。

為您的視頻添加字幕並不困難,甚至不貴,因為您可以聘請自由職業者來轉錄它們。

像 Youtube 這樣的公司會自動為您的視頻添加字幕,但由於它們是計算機生成的,它們並不總是正確的,並且可能會讓您的訪問者對您試圖分享的信息感到困惑。

字幕甚至對那些沒有聽覺問題的人有用,因為有些人在通勤時觀看視頻並且經常將其靜音。 字幕是一種很好的方式來了解正在發生的事情,而不會打擾其他人。

8) 第三方工具

Third party tools

根據您網站的大小,有時無法通過它並進行上述更改。 另一方面,您可能沒有預算來實施這些更改。

這是可以理解的,但要意識到你不為殘疾用戶提供服務是在浪費錢,如果你因網站被告上法庭,你可能會賠錢。

值得慶幸的是,可以安裝第三方工具來為您進行這些更改。

一些可以使用的工具就像安裝它們並讓它們完成其餘工作一樣簡單。 這些工具最好的一點是它們是輕量級的,也不影響您網站的頁面加載速度。 沒有可訪問問題的用戶不會受到影響,而需要額外幫助的用戶將能夠更輕鬆地瀏覽您的網站。

如果您可以稱其為該軟件的唯一缺點,那就是它們通常需要按月付費,但考慮到該軟件為您節省了多少時間,它們也不昂貴。 每年支付可以進一步節省。 如果您沒有軟件預算,則可以使用免費版本,但它們需要代表您提供更多輸入。

結論

為殘疾用戶提供可訪問的解決方案不僅在道德上是正確的,而且還是一項法律要求。

殘障用戶的生活已經充滿挑戰,因此如果您可以通過一點點努力使他們的在線瀏覽體驗更好,這是我們都應該嘗試做的事情。 較小的網站可以自行進行更改,而商業網站可以投資可訪問性軟件,使其在數小時內即可訪問。

如果您想立即查看市場上最易於訪問的軟件列表,我們在頁面上方提供了一份指南。