成都小程序設計認為盲人的網站可訪問性并不是可有可無的,而是必須的。事實上,您應該在您的網站設計中加入視覺障礙無障礙功能。如果還沒有,是時候學習如何更新您的網站以創建一個可供所有訪問者訪問的網站。
在這篇文章中,我們將帶您了解為盲人創建功能性網站所需了解的一切。我們將向您介紹為什么為盲人創建無障礙網站至關重要、盲人在瀏覽互聯網時經常遇到的困難、三個有視力障礙的人使用互聯網進行搜索,以及最重要的是,如何為盲人創建一個無障礙網站盲人。
您的公司必須為盲人創造一個可訪問的數字空間的原因有很多。讓我們從最重要的開始:視障無障礙是正確的做法。通過在您的網站設計中優先考慮盲人可訪問性,您的組織展示了其為所有訪問者創建包容性數字環境的承諾。
通過確保每個人都可以訪問您的網站,無論是否有視覺障礙,您的公司網站都是一個安全的空間,盲人可以在沒有可訪問性障礙的情況下訪問。
雖然這是優先考慮視覺障礙可及性至關重要的一個重要原因,但這并不是唯一的原因。如果您的公司不遵守針對盲人的網站可訪問性的特定標準,則可能會產生法律影響。
1973年的康復法案禁止人們因殘疾而受到歧視。這適用于由國家就業和機構資助的所有計劃或活動。因此,如果盲人無法訪問您的網站,訪問者可以將您的公司告上法庭并以歧視為由起訴您。
除了法律和道德原因之外,盲人網站的可訪問性還可以幫助您的網站覆蓋盡可能廣泛的受眾。根據疾病控制和預防中心的數據,國家約有1200萬40歲及以上的人有視力障礙。通過優先考慮盲人可訪問性,您正在采取措施確保盡可能多的人可以與您的網站進行交互。再次強調,正確的做法——對您的業務也是正確的舉措。
當您學習如何讓盲人可以訪問網站時,您還會注意到您采取的步驟會對您網站的搜索引擎優化(SEO)產生積極影響。例如,有一些視覺障礙可訪問性的必備條件也有利于您網站的SEO。想一想:替代文字描述并為您網站中嵌入的視頻添加字幕。
最后,在您網站的設計中優先考慮盲人可訪問性有利于用戶體驗。如果您的訪問者的用戶體驗不佳,89%的人會轉而使用競爭對手的網站。
如果您需要一些想法來激發您的靈感,我們收集了一些無障礙網站的優秀示例。
不幸的是,有很多網站沒有遵循盲人可訪問性的最佳實踐。因此,有視力障礙的人在搜索互聯網時可能會遇到很多障礙。讓我們來看看其中的一些。
由于許多有視力障礙的人依賴屏幕閱讀器來傳播您網站上的信息,因此沒有標題或結構的頁面會造成嚴重問題。屏幕閱讀器很難將沒有標題或結構的頁面翻譯給盲人。
即使您的頁面確實有標題,這些標題也必須經過深思熟慮,以確保您的網站易于被屏幕閱讀器理解,屏幕閱讀器將上下文傳遞給訪問您網站的視障人士。通過提供遵循邏輯結構的標題,您可以放心,盲人將能夠找到他們需要的東西。
再次強調,當開發人員和設計人員構建您的網站時,請牢記屏幕閱讀器。屏幕閱讀器可以訪問您網站的所有部分,這一點至關重要,這樣訪問的視障人士就不會錯過任何重要信息。
如果您的站點具有視覺元素,則它必須包含替代文本,以便盲人可以使用工具來確定圖像所描繪的內容。
在為盲人可訪問性創建網站時,請確保您的按鈕和鏈接也符合屏幕閱讀器的最佳做法。由于某些屏幕閱讀器會識別并列出您頁面上的所有鏈接,因此您應該包含合適的錨文本或按鈕,以便有視力障礙的人可以輕松了解他們正在單擊的內容。
想象一下,有幾個按鈕提示用戶“單擊此處”,但沒有關于他們在這樣做時可以期待什么的上下文,這是多么令人困惑。
由于屏幕閱讀器假定網站上的語言是訪問者的默認語言,因此如果您的網站包含其他語言的短語,則可能會出現問題。請確保通過提供語言信息牢記這一點。
由于視障人士主要使用鍵盤訪問信息,因此您的網站必須對鍵盤友好。如果您的站點包含只能通過觸摸屏或鼠標訪問的功能,那么您可能沒有優先考慮視障人士的可訪問性。
了解盲人使用哪些工具來搜索您的網站很有幫助,這樣您就可以保證您的網站針對這些工具進行了優化。
屏幕閱讀器是盲人用來搜索網絡的絕佳工具。屏幕閱讀器對于視障人士的輔助功能非常有效,因為它將您的文本和圖形內容呈現為語音(或盲文)輸出。
該軟件對于盲人瀏覽您的網站至關重要,因為它提供了頁面內容的上下文。屏幕閱讀器有很多選項,但最著名的是NVDA、JAWS、講述人和VoiceOver。
由于屏幕閱讀器考慮替代文本以將內容傳遞給有視力障礙的人,因此您的頁面必須遵循最佳做法。
正如我們之前提到的,一些有視力障礙的人仍然可以看到一定程度的東西,但需要輔助技術來使其更容易。對于視力不佳的人,屏幕放大鏡可能是搜索您網站的首選工具。
在構建您的網站時,請務必向您的設計、開發人員和用戶體驗團隊提及您的網站需要與屏幕放大鏡兼容。
除了屏幕閱讀器和放大鏡,盲人還可以使用特定的瀏覽器瀏覽互聯網。(想想:EIA或WebbIE。)這些瀏覽器具有某些有助于視障人士訪問的功能,例如確定頁面結構的能力。從那里,他們可以準確地將信息傳遞給盲人。
現在您了解了盲人用來搜索Internet的工具,讓我們深入探討如何讓盲人社區可以訪問網站。
顏色對比是確保網站盲人可訪問性的必備條件。您的網站至少需要滿足WCAG.20AA要求,因此請務必在字體和背景顏色之間使用高對比度。如果沒有,是時候重新設計您網站上的顏色對比了。
如果您擔心您的網站不合規,請使用顏色對比檢查器來確保您的網站符合標準。
查看國家主頁上的這個示例。您可以清楚地在顏色對比之間切換以找到適合您的東西。
特別是對于有色盲的人來說,以顏色為特征的視覺元素可能很難辨別。如果您的特色是帶有不同顏色條的條形圖,請考慮使用不同的圖案和紋理以使其更易于理解。
不幸的是,許多網站沒有考慮為弱視人士提供的可訪問性中的字體大小功能。為確保有視力障礙的人在視力不全的情況下也能看到您頁面上的內容,請提供字體調整選項。這允許個人根據需要使字體變大。
作為基準,您的字體應為10-12磅,訪問者應該能夠根據需要使其更加突出。
在您的網站界面上謹慎使用顏色。盡管您可能喜歡它的外觀,但它并不是最容易獲得的選擇,而這應該是您的首要任務。不要依賴顏色向用戶傳達信息(例如使用紅色表示警告)。當然,您仍然可以在您的網站上包含顏色——但要明智地這樣做,并確保它符合顏色對比度標準。
接下來,考慮使用圖標來幫助您網站的清晰度。不同程度失明的人可能并不總是能夠辨別顏色??紤]一下您的網站上是否有紅色字體的警告。雖然這對視力正常的游客很有幫助,但對視力受損的人卻不利。相反,添加帶有文本的警告徽標以提供其他信息。
替代文本還不夠——它必須遵循最佳實踐。如果您在創建符合準則的替代文本方面需要幫助,我們已經創建了一份詳盡的指南,其中包含您需要了解的有關替代文本的所有信息。
我們已經提到了擁有特定的、結構化的標題的重要性。這是使用屏幕閱讀器的人的首要任務。請記住,這不僅僅是您網站的結構。當您的團隊在編寫您將發布在您網站上的內容時,也應該牢記這一點。
成都小程序設計通過確保您的訪問者無論視覺障礙如何都可以享受您的網站,您可以證明您的公司致力于為殘障人士創造一個更公平的數字環境。最重要的是,您正在創造一個空間,讓您的訪客可以自由地以自己的身份出現。