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