改善 WordPress 網站可訪問性的 10 種方法
已發表: 2022-03-29網站可訪問性確保您的網站對每個人都易於使用,無論他們的身體和情境殘疾或經濟限制如何。 無論情況如何,您都希望確保所有用戶在您的網站上的體驗都是無縫的。
如果您網站的這一方面沒有得到解決,那麼您很有可能會限制大量目標市場,因為他們無法訪問您在線頁面上的關鍵功能。
雖然人們可能主要考慮殘疾人,當然,這是一個很好的起點; 網站可訪問性問題可能涉及臨時情況,例如:
- 需要通過手機或其他小屏幕設備、使用智能電視 (TV) 等訪問您的網站的用戶;
- 年齡較大的網站訪問者因年齡增長而面臨不同且不斷變化的挑戰;
- 用戶在光線不足的區域訪問您的網站; 和
- 使用慢速互聯網連接或因所在國家或地區而導致帶寬昂貴的用戶。
了解您需要解決的廣泛而多樣的挑戰可以幫助您制定可行的解決方案。 以下是您提高網站可訪問性的關鍵方法
1.通過語音使您的內容可控
語音識別是一種可以集成到網站中的功能,允許您的內容通過語音進行控制。 這包括表單、按鈕、鏈接和其他控件。 您可以集成聽寫軟件,讓無法使用鼠標或鍵盤的用戶使用語音在您的網站上執行功能。
您的所有內容都需要正確編碼和設計才能正常工作。 此外,您需要網站源代碼中的標識符和標籤與它們的視覺表示方式相匹配,以明確哪個控件將通過語音命令激活。
2.注意你的顏色選擇
全球數以百萬計的人是色盲,因此您使用的顏色應該注意這一現實。
此外,在選擇網站的色彩比例及其對比度時,您應該小心。 顏色對比度選項應該很高,例如,在白色背景下使用黑色文本,以便用戶輕鬆閱讀您的內容,即使他們有一定的視覺限制。
3.確保您的鏈接帶有下劃線
很多人最近都放棄了“為鏈接添加下劃線”的規則,因為沒有下劃線的文字比帶下劃線的文字更具美感。 這可能是真的,但您網站的主要任務是功能。 這意味著在所有事情上; 您應該優先考慮功能。
刪除下劃線會使您的用戶難以識別計數器的超鏈接部分。 如果您仍然不想在內容下劃線,那麼請考慮使用其他方法使您的鏈接從副本的其餘部分中脫穎而出。 您可以使用顏色或粗體文本來執行此操作。
4.為圖像添加 Alt 標籤
為了提高您網站的可訪問性,您將不得不考慮為您網站上的所有圖像添加“alt 標籤”。
一些網站使用他們的替代文本作為他們搜索引擎優化 (SEO) 策略的一部分:他們沒有使用它來盡可能簡短地描述圖像,而是使用空間來填充他們認為有助於網站排名的關鍵字。 顯然,這通常不會為網站訪問者帶來良好的閱讀體驗,您希望避免這種情況以保持您的網站可訪問。
當有人通過屏幕閱讀器訪問您的網站,並且您的網站沒有在其視覺內容中添加 alt 標籤時,他們的屏幕閱讀器將無法向閱讀器解釋圖像中的內容。 alt 標籤告訴屏幕閱讀器軟件圖像中的內容以及它與周圍內容的相關性。
要將 alt 標籤添加到網站上的圖像,您需要轉到編輯器右側的 Alt Text 字段並寫一個描述圖像的短句。
5.保持你的鏈接描述性
由於視覺限制,一些用戶將使用語音命令技術來瀏覽您的網站。 由於您網站的這部分訪問者將使用屏幕閱讀器來訪問您網站的內容,因此您的鏈接必須更具上下文相關性。
與其說諸如“閱讀更多”之類的模糊內容,您可能希望添加更多詳細信息以使您的鏈接上下文化,以便用戶確切地知道鏈接將引導他們的位置。 因此,您可能希望添加更多詳細信息,而不是僅僅“閱讀更多”,並讓它閱讀類似“點擊此處閱讀更多關於我們的團隊如何為您提供幫助的信息”的內容。 這樣,系統會提示使用屏幕閱讀器的用戶單擊提供的鏈接。
6.在不同的屏幕上測試你的字體大小
在給您當前的“不按尺寸”點頭之前,您必須通過具有不同屏幕尺寸的不同設備訪問您的網站,例如,測試您的文本在個人計算機 (PC) 和手機上的外觀,以確保它已優化適用於大屏幕和小屏幕。
7.添加主要內容鏈接
如果您對此不採取任何措施,使用屏幕閱讀器的用戶將在您的網站上花費大量時間,因為他們的閱讀器會從頭到尾開始閱讀您的網站,有時可能需要一段時間才能開始閱讀用戶需要的內容讀書。
為了解決這個問題,在創建 WordPress 網站時,您需要插入允許屏幕閱讀器跳轉到頁面主要內容的鏈接。 可以將此鏈接添加到您的超文本標記語言 (HTML) 的第一列。
8.提供視覺和音頻內容的替代文本
為您的內容添加字幕可以幫助有聽力障礙的人訪問您的內容。 在您的網站上發布視頻、播客或有聲讀物時,請確保您已在該內容之外添加文本,以便每個人都能理解。
9.啟用標籤索引
您的一些用戶,尤其是運動技能能力有限的用戶,通常會使用鍵盤的 Tab 鍵進行回复,而不是使用觸控板或鼠標瀏覽您的網站。
為了容納這些用戶,請確保您的網站已被標籤索引。 這是您通過建立內容元素的順序來幫助確保所有用戶能夠按預期順序訪問您的內容的時候。
10.為低網速設計網站
雖然普通用戶在訪問您的網站時會有較高到平均的網速,但有些用戶的網速會低於正常的網速。
此外,即使是互聯網速度普遍較高的用戶,有時也可能會遇到連接不穩定的情況。 考慮到這一點來設計您的網站有助於讓每個人隨時都能訪問您的網站。
您可能認為這意味著您的網站應該只用 HTML 文本編寫,但遠非如此。 流動的標準可能包括:
- 確保您的頁面不超過 25kb。 您的目標應該是在大約 15 秒內加載網站數據。
- 使用級聯樣式表 (CSS) 減少站點上的圖像並保持站點結構整潔。
- 確保可以緩存您網站的頁面,從而減少訪問您網站的訪問者的加載時間。
- 避免鏈接到 PDF 等大文件,但請確保是否需要此類鏈接。 顯示文件大小。
- 首先在您的網站上加載的內容需要非常重要,因為它會促使讀者在加載其他信息時再等待幾秒鐘。 因此,請確保將有價值的信息放在首位。
結論
使網站可訪問涉及大量計劃。 無論您是從頭開始創建站點還是要調整當前站點,這都是正確的。 花一些時間思考具有不同限制的用戶如何與您的網站進行交互,以及如何改善他們的體驗。