擴展網站覆蓋範圍,讓更多用戶受益!本文探討提升網站可用性,從而惠及更廣泛受眾的實用方法——提升網站可訪問性。
可訪問性並非僅關乎殘障人士。我們通常將可訪問性與視障人士使用屏幕閱讀器、聽障人士觀看字幕視頻、色盲人士辨別頁面顏色對比度聯繫起來。但可訪問性的意義遠不止於此。
傳統的思維方式過於簡化,無法應對當今復雜的世界。試想一下,有多少人僅在光線充足的辦公桌前,戴著降噪耳機,凝視高清屏幕時才訪問網站?這類用戶群體微乎其微,通常是網站開發者本身。在目標用戶群體全球化的背景下,這種思維方式顯然不切實際。
我們應考慮用戶使用各種設備、不同身體狀況和周圍環境訪問網站的多種方式。無論用戶身處何地、使用何種設備,我們都應確保網站能夠觸及盡可能多的潛在用戶。這有助於打破思維定式,真正思考如何擴大用戶群體。
讓用戶在陽光下使用手機也能輕鬆瀏覽網站。如何做到這一點?例如,確保網站具有足夠的顏色對比度(可以使用眾多在線顏色對比度檢查工具)。通過減少JavaScript的使用,為帶寬較低的地區用戶提供更流暢的體驗。為在公共場所觀看視頻的用戶提供字幕。將聯繫信息放置在醒目易找的位置,方便用戶在壓力下快速聯繫到相關人員。增大交互區域的大小,方便用戶單手操作手機或抱寵物時也能輕鬆點擊鏈接和按鈕。
UX或視覺設計師可以藉此激發新的用戶畫像設計思路。此外,如果用戶畫像中包含寵物,更容易獲得團隊支持。
開發者可能認為上述許多方面並非自己所能控制。但我們可以從以下三個方面入手,提升網站的可訪問性:
這通常指header、main、aside和footer等區域,ARIA規範中列出了更多地標區域。屏幕閱讀器用戶通常通過地標區域導航頁面。 W3C的WAI-ARIA網站提供不同屏幕閱讀器使用此功能的示例,值得參考。在使用頁面模板時,確保主模板設置正確尤為重要。
目前,自動化檢查所能發現的可訪問性問題仍然有限,即使網站通過了所有自動化檢查,也可能存在可訪問性問題。但將自動化檢查納入構建流程仍然非常有價值。隨著新的自動化檢查工具的出現,您可以不斷改進代碼庫。使用模板代碼檢查工具進行靜態檢查,一些IDE擴展可以提供實時反饋。自動化測試可用於動態代碼檢查。
將可訪問性檢查納入您的工作流程中。以下是一些建議:
無論您的角色是什麼,都要對現有用戶保持同理心,對潛在用戶保持好奇心。打破常規思維,探索提升可訪問性,擴大用戶群體的新方法。我們是網絡的創造者,也是網絡未來的塑造者。跳出開發工具的限制,探索更具包容性的用戶體驗,讓更多人受益。
以上是增加覆蓋範圍的詳細內容。更多資訊請關注PHP中文網其他相關文章!