一個易于訪問的成都網站設計不僅僅是為了做正確的事;可訪問性也具有商業意義。畢竟,為什么要讓某些人難以訪問您的內容和購買您的產品,而只要稍加思考,您就可以讓更多人訪問您的網站?
設計一個易于訪問的站點并不困難。然而,仍然有很多網站無法滿足視力受損或其他挑戰的人們的需求。因此,請為那些可能會在您下次開始新成都網站設計時發現使用網站具有挑戰性的人考慮一下。并考慮這十種簡單的方法,讓更多人可以訪問網站。
許多醫療條件使得使用鼠標變得困難或不可能。因此,請確保您構建的任何網站都可以僅使用鍵盤進行導航。例如,這意味著必須可以在表單的字段之間切換。每個頁面上的關鍵元素必須僅使用鍵盤即可訪問。可訪問性的這一方面很容易實現和測試。只需拔下您的鼠標,看看您是否可以瀏覽您的站點并使用各種功能。
網站上的顏色首先要記住的是使用對比度使元素對視障人士脫穎而出。但如果你也考慮色盲的人,這會有所幫助,所以最好不要使用顏色來強調。相反,使用粗體和斜體來突出重要文本。并避免使用紅色和綠色來對比網站上的元素,因為難以區分紅色和綠色是最常見的色盲形式。顏色區分的第二個最常見的問題是藍黃色盲。
圖像上的替代文字不是用來填充關鍵字的。相反,替代文本是輔助功能應用程序閱讀和大聲朗讀的內容,用于向視障人士描述圖像。因此,使用替代文本以有意義和描述性的方式解釋圖像的內容。例如,使用像“一張快樂、微笑的孩子在海邊嬉戲的照片”這樣的短語。在alt描述中使用關鍵字是良好的SEO做法。即便如此,請記住,替代文本在大聲朗讀時仍然需要有意義。
有些用戶會希望使用瀏覽器上的縮放功能來調整網頁大小。因此,這是設計網站時要考慮和測試的可訪問性的另一個方面。避免調整大小問題的最佳方法是不使用絕對單位。例如,以相對術語而非像素指定文本大小。然后,當用戶調整頁面大小時,整個頁面將正確調整大小。
視頻內容已成為網站的共同特征。但是,如果沒有字幕,聽力受損的用戶將無法使用視頻內容。字幕還將幫助那些發現很難專注于純視覺內容的人。因此,為所有視頻內容添加字幕將提高內容的可訪問性。
自動播放的視頻和音頻文件可能會嚇到一些人。當您使用屏幕閱讀器時,關閉自動功能可能會很棘手。因此,通常最好避免嵌入自動啟動的媒體。快速移動的幻燈片和旋轉木馬對某些人來說也具有挑戰性。因此,最好避免使用此類自動導航功能。或者,如果您確實使用了這些自動化功能中的任何一個,請輕松關閉自動化。
正確使用標題將使每個人都更容易閱讀內容。標題和副標題將幫助屏幕閱讀器理解和瀏覽文本。但是,在正確的位置使用正確的標頭標簽也很重要。因此,例如,應該只有一個H1標簽。H2、H3、H4標簽應該按照正確的順序嵌套。混合標題標簽會使使用屏幕閱讀器的人難以理解文本。
表格需要清楚地標記以便于使用。并且需要放置標簽,以便很明顯它們指的是哪個字段。還應提供有關如何填寫表格的明確說明。并且任何關于未正確完成的部分的說明也需要清楚地顯示。最好在字段之間使用大量空白來區分表單的每個元素。
ARIA(AccessibleRichInternetApplications)地標和HTML5元素是描述性標簽,可添加到網頁元素以提高可訪問性。這些標簽,如“contentinfo”、“main”和“form”,被輔助技術應用程序用來幫助頁面導航。例如,ARIALandmarks和HTML5Elements允許用戶識別并跳到頁面的相關部分。
表格可以幫助人們理解數據,但如果表格格式不正確,也會造成混淆。因此,避免使用包含許多行和列的過于復雜的表格。并確保行和列被清楚地標記。最好避免將表格用于數據以外的任何內容,因為它會使屏幕閱讀器感到困惑。頁面上的表格太多也很難通過Tab鍵瀏覽。
以上并不是使網站易于訪問的方法的詳盡列表。但希望它能很好地介紹可訪問性。從這篇文章中得出的重要一點是,將可訪問性設計到網站中并不難。盡管如此,它仍然可以為某些人帶來不同的世界。
更重要的是,在成都網站設計中包含輔助功能不會影響用戶體驗。相反,上述許多建議都是良好的網頁設計實踐,例如將文本與標題和副標題分開。因此,設計可訪問的網站對每個人都有好處。