想知道如何在您的網站上實現可訪問的網頁設計?這是從哪里開始的。正如我們最近關于網絡可訪問性的文章中所述,確保每個人都可以使用您的網站非常重要。雖然創建一個完美的網站可能并不容易,但大多數方式只需要設計師遵循一些簡單的原則。
您可能需要更新部分網站,添加或刪除某些功能,并執行常規輔助功能審核。但這樣做可能會在一個更清潔,更易于使用的網站以及更容易訪問的網站上獲得回報。
此列表并未涵蓋構建可訪問的網頁設計密歇根的所有可能方面。但它會讓你開始。
為視障人士提供無障礙網頁設計。
視力障礙涉及多種疾病,從完全失明到有限的視力范圍和色盲。在大多數情況下,創建適合視障人士的網頁設計意味著了解屏幕閱讀器的工作方式。請記住,如果您的網站上的信息未包含在屏幕閱讀器可以閱讀的文本中,則盲人無法訪問該信息。
Alt標簽
為改善視障人士的用戶體驗,您可以采取的最簡單步驟之一是在alt標簽中包含信息。alt標記是網站連接器顯示的文本,如果連接速度太慢而無法完全加載圖像。但是,alt標簽通常被濫用或徹底濫用 - 誤解了其目的或想要通過關鍵字填充來操縱搜索引擎排名的人。
將圖像添加到WordPress中的媒體庫時,您應該能夠找到圖像的alt文本字段。
如果使用得當,alt標簽中的文本應該是圖像的替身。這意味著他們應該準確地描述圖像,否則應該提供有意義的替代品。
CATPCHA
我們都對那些容易被誤解的數字和字母的扭曲圖像感到沮喪。然而,對于視力不佳的用戶而言,他們可能會特別惱火,因為他們無法完全看到他們完成CAPTCHA。盡管CAPTCHA是減少僵尸程序的重要工具,但您在網站上使用的任何工具都應附帶音頻替代方案。更好的是,更新的選項允許用戶解決簡單的數學問題或者勾選復選框。
另一方面,這些reCAPTCHA是最好的。
頭
標題標簽(HTML中的H1,H2,H3等)不僅為讀者提供視覺層次結構。它們還可以幫助屏幕閱讀器瀏覽網站內容。如果沒有標題,依賴于屏幕閱讀器的用戶必須通過整個頁面來查找他們正在尋找的信息。
但是,使用標頭標記,用戶可以跳到與其最相關的部分。這也意味著您應該按層次順序使用標頭標記。H1是標題,H2是H1的子標題,H3是H2的子標題,依此類推。您網站上的樣式表應該反映這一點。請記住,標題提供了一個功能 - 它們不僅僅是看起來不錯。
鏈接
當屏幕閱讀器到達內容體中的鏈接時,它會在讀取超鏈接文本之前暫停并顯示“鏈接”一詞。這使得在一個地方擁有高密度鏈接或使用這些鏈接的非描述性錨文本令人惱火。想象一下,必須在一篇文章中聽十幾次“鏈接,這里,結束鏈接”。但是使用描述性錨文本時,該鏈接會更像“鏈接我們最近發布的網站可訪問性結束鏈接”。
廣告
盡管我們很多人抱怨在線廣告,但我們仍然認識到這是許多網站賺錢的主要方式之一。對于許多試圖將產品推向市場的企業來說,它也是一個重要的工具。但是,有很多好的方法可以做在線廣告。
自動播放的視頻廣告會讓那些依賴屏幕閱讀器告訴他們網站上的內容的人們感到非常沮喪。將自己插入內容中間的廣告也同樣令人困惑。如果可以,請避免在您的網站上使用侵入式廣告方法,并保存YouTube的視頻廣告。
色盲
色盲是一種非常常見的疾病,特別是在高加索男性中。雖然許多網站功能完善而沒有經過多次修改,但如果你不知道你的網站上的色彩是如何顯示給色盲的人的,那么你仍然會遇到一些漏洞。
幸運的是,為色盲個體創建用戶友好設計背后的原則很容易理解。使用色調,亮度和飽和度對比的顏色。不要創建任何僅依靠顏色來傳達信息的東西。并使用紋理,圖案和符號以及顏色來幫助實現視覺差異化。
聽障人士的無障礙環境。
除音頻/視頻內容外,互聯網在很大程度上可供聽力受損的用戶使用。即使在屏幕上包含一些文字的視頻通常也不包括畫外音中所說的所有內容。以下是如何處理您網站上的視頻,播客,電臺采訪以及任何其他音頻/視頻內容。
字幕和副標題
很明顯,字幕和字幕對聽力受損用戶很重要。但對于可能在沒有耳機的情況下在公共場合觀看您的視頻,或者不想關閉音樂以觀看您的內容的用戶來說,這也是一個好主意。
成績單
播客播客?在您的網站上分享其他音頻內容?發布該內容的記錄有助于您建立搜索引擎優化點,并使您的播客可供聽障人士或任何喜歡閱讀而不是傾聽的人使用。
電機控制可訪問設計功能。
電機控制的困難可能是暫時的或永久性的。它們包括諸如腦癱,腕管,帕金森病,震顫和四肢斷裂等病癥。作為獎勵,許多電機控制功能可幫助高級用戶更快地瀏覽您的站點。
標簽導航
并非所有人都具備使用鼠標所需的精細運動技能。對于這些用戶,使用鍵盤上的Tab鍵導航網站至關重要。在您的網站上測試僅鍵盤導航非常簡單:單擊瀏覽器中的地址欄,然后開始按Tab鍵移動站點上的鏈接(如果您走得太遠,班次選項卡會將您移回鏈接)。您應該看到您選擇了哪個鏈接的指示,盡管該指標會因您的瀏覽器而異。
請記住,您應該能夠使用Tab鍵參與站點的所有交互方面,包括輪播滑塊(如果有),下拉菜單,表單和彈出窗口。
最后一個特別重要。想象一下,彈出式廣告會占用您的計算機屏幕并且無法關閉它。很沮喪,對吧?當彈出窗口無法通過選項卡導航訪問時會發生這種情況。
點擊范圍
對于使用鼠標瀏覽網站的用戶,鏈接周圍的點擊范圍較大,可以讓訪問者更輕松地點擊它們。這包括使用帶有易于閱讀的文本的大按鈕。
老年用戶的可訪問性。
許多老年用戶的可訪問性問題與我們已經討論過的問題重疊。他們的視力和聽力正在惡化,他們有震顫,他們從技術熟練程度降低的位置開始。許多用戶將其瀏覽器放大至200%以正確讀取文本。您需要確保您的網站在此級別運行。
此外,網站上的移動部件可能會讓年齡較大的觀眾感到困惑,特別是如果他們快速移動的話。我們已經就你為什么要避免在你的網站上使用滑塊發表了一些強烈的意見,這是另一回事。擺脫你的滑塊,你的老年用戶,那些視野有限的人,以及任何用鍵盤導航的人都會感謝你。
英語作為外語用戶。
一些訪問您網站的訪客很可能不會說一口流利的英語。如果您在外國可能需要以母語訪問您的網站,請支付專業翻譯并為該語言創建網站。但是,如果您沒有來自這些區域的大量流量,您仍然可以采取一些步驟使您的網站更易于訪問。
谷歌的翻譯軟件在過去幾年中有了顯著的改進。在我在國外生活的這些年里,我有個人使用它來翻譯德語,俄語和西班牙語的網站。它也有助于在某些區域使用圖標,但僅在含義明顯或普遍時才使用。并且請記住將重要信息保留在圖像之外,因為Google無法對其進行翻譯。
無障礙網頁設計不應該是令人生畏的。
如果你很幸運,那么設計你網站的人就能很好地掌握可訪問的網頁設計原則,并從一開始就使用它們。如果沒有,您可能需要做一些額外的工作才能使您的網站完全可訪問。也就是說,如果您的網站在可訪問性方面嚴重落后,那么它可能也會在其他指標上表現不佳,在這種情況下您應該考慮進行全面檢修。
但是對于大多數用戶來說,改善可訪問性就像記住在圖像和播客的成績單上包含alt標簽一樣簡單。鑒于此,重要的是不要讓可訪問性問題的范圍阻止您進行現在的更改。正如我們所說,實現完美的可訪問性是一個復雜的前景。但是大部分時間應該對任何人都可行。
本文地址:
http://www.uirngq.live/web/2575.html
Tag:
專業服務:
南京網站制作,
南京網站制作公司,
南京網站建設公司
聯系電話:025-65016872
上一篇:
南京網站制作是如何衡量內容營銷的成功與否
下一篇:
返回列表