
網(wǎng)站可訪問(wèn)性問(wèn)題會(huì)讓訪問(wèn)者感到痛苦、孤立和困惑。通過(guò)確保您的成都小程序開(kāi)發(fā)對(duì)所有訪問(wèn)者具有包容性,您可以確保無(wú)論能力如何,每個(gè)人都能獲得積極的用戶體驗(yàn)。弄清楚如何創(chuàng)建一個(gè)完全包容的網(wǎng)站的最佳方法之一是分解網(wǎng)站面臨的一些主要可訪問(wèn)性問(wèn)題。您還可以查看最易訪問(wèn)的網(wǎng)站示例以獲取靈感。
這篇文章將帶您了解您應(yīng)該調(diào)查的最常見(jiàn)的網(wǎng)站可訪問(wèn)性問(wèn)題。我們還將分享為什么這很重要,并提供經(jīng)常犯的可訪問(wèn)性錯(cuò)誤的示例。然后,您可以運(yùn)行網(wǎng)站可訪問(wèn)性檢查并適當(dāng)更新它。
您應(yīng)該及時(shí)解決網(wǎng)站可訪問(wèn)性問(wèn)題的原因有很多。對(duì)于初學(xué)者來(lái)說(shuō),網(wǎng)站可訪問(wèn)性很重要,因?yàn)槟枰峁┮粋€(gè)所有訪問(wèn)者都可以無(wú)縫訪問(wèn)的網(wǎng)站。簡(jiǎn)而言之,這是正確的做法。此外,如果您不這樣做,您可能會(huì)因未能遵守為確保包容性而制定的準(zhǔn)則而面臨法律后果。
除了這些原因之外,網(wǎng)站可訪問(wèn)性還使您的網(wǎng)站成為一個(gè)富有同情心、體貼周到的組織。盡管網(wǎng)站可訪問(wèn)性應(yīng)該是標(biāo)準(zhǔn),但您會(huì)驚訝于有多少網(wǎng)站不符合標(biāo)準(zhǔn)。通過(guò)優(yōu)先考慮網(wǎng)站的可訪問(wèn)性,您可以建立客戶的信任和忠誠(chéng)度。
那么,用戶經(jīng)常遇到的無(wú)障礙問(wèn)題有哪些?我們很高興你提出這個(gè)問(wèn)題。我們收集了用戶面臨的10個(gè)常見(jiàn)網(wǎng)站可訪問(wèn)性難題,以便您可以在您組織的網(wǎng)站上及時(shí)解決這些問(wèn)題。如果您正在尋找可以遵循的清單以確保您的網(wǎng)站符合可訪問(wèn)性最佳實(shí)踐,我們也為您提供了幫助。
對(duì)于有色盲或弱視的用戶,顏色對(duì)比度不足會(huì)嚴(yán)重影響他們感知和消化網(wǎng)站信息的能力。所有用戶都應(yīng)該能夠閱讀您的網(wǎng)站副本,無(wú)論他們?cè)L問(wèn)您網(wǎng)站的燈光或設(shè)備類(lèi)型如何。如果您不確定您的網(wǎng)站是否具有足夠的顏色對(duì)比度,您可以使用像這樣的免費(fèi)顏色對(duì)比度檢查器來(lái)測(cè)試它。
對(duì)于使用屏幕閱讀器等輔助技術(shù)的用戶來(lái)說(shuō),非描述性超鏈接可能非常有害。通過(guò)確保您的超鏈接是描述性的而不是模糊的陳述,例如“單擊此處”,您可以為訪問(wèn)者提供他們將通過(guò)訪問(wèn)鏈接到達(dá)的位置的寶貴上下文。此外,對(duì)于使用輔助技術(shù)尋找特定鏈接的訪問(wèn)者來(lái)說(shuō),這將使訪問(wèn)者更容易。
以上面的超鏈接為例。我們正在分享有關(guān)如何訪問(wèn)免費(fèi)顏色對(duì)比度檢查器的信息。如果我們超鏈接“單擊此處?”怎么辦?對(duì)于那些使用輔助技術(shù)的人來(lái)說(shuō),要弄清楚我們鏈接到什么會(huì)困難得多。
如果您的站點(diǎn)當(dāng)前具有無(wú)用的替代文字,那么是時(shí)候解決這個(gè)問(wèn)題了。當(dāng)您上傳圖像時(shí),您添加的副本將在圖像未加載或訪問(wèn)者使用屏幕閱讀器訪問(wèn)您的網(wǎng)站時(shí)顯示。那是替代文字。它還為您的網(wǎng)站提供搜索引擎優(yōu)化(SEO)提升。即便如此,重要的是要記住,替代文本的目的是讓使用輔助技術(shù)的訪問(wèn)者更容易訪問(wèn)您的網(wǎng)站。
要解決替代文本周?chē)目稍L問(wèn)性問(wèn)題,請(qǐng)確保您的副本具有描述性,并提供圖形顯示內(nèi)容的書(shū)面說(shuō)明。您可以查看我們完整的圖像替代文本指南,了解有關(guān)最佳做法的更多信息,但要回顧一下,請(qǐng)保持具體,提供上下文并提供詳細(xì)信息。
與Alt文本類(lèi)似,在您的博客文章和網(wǎng)站頁(yè)面上使用標(biāo)題對(duì)于可訪問(wèn)性至關(guān)重要,但也會(huì)為您的網(wǎng)站提供SEO提升。標(biāo)題是必不可少的并且沒(méi)有它們會(huì)出現(xiàn)可訪問(wèn)性問(wèn)題的原因是因?yàn)槿狈ι舷挛摹?
這些為站點(diǎn)訪問(wèn)者提供了頁(yè)面結(jié)構(gòu)的感覺(jué)。然后,使用輔助技術(shù)訪問(wèn)您網(wǎng)站的用戶可以輕松瀏覽網(wǎng)站并了解順序和節(jié)奏。
讓我們分解一下:您可以在圖像中添加文本,但它應(yīng)該是網(wǎng)站另一個(gè)可訪問(wèn)部分已經(jīng)提供的信息。當(dāng)然,如果圖片中有文字,您一定要在替代文字中提及。
對(duì)于那些看不到圖像的視力障礙者來(lái)說(shuō),這是一個(gè)常見(jiàn)的網(wǎng)站可訪問(wèn)性問(wèn)題。因此,為確保盲人或視力不佳的人可以完全訪問(wèn)您的網(wǎng)站,請(qǐng)保證他們可以在其他地方訪問(wèn)圖片中提到的信息。
我們理解有時(shí)您需要在您的網(wǎng)站上嵌入PDF。但是您是否停下來(lái)并確??梢栽L問(wèn)PDF?如果沒(méi)有,是時(shí)候?qū)δ腜DF進(jìn)行當(dāng)之無(wú)愧的整容了??稍L問(wèn)性擴(kuò)展到您網(wǎng)站的所有元素——而不僅僅是那些直接在頁(yè)面上的元素。
為此,請(qǐng)確保PDF中的圖像包含替代文本,通過(guò)PDF為訪問(wèn)者提供直觀的順序,使用實(shí)際文本而不是副本圖片,并插入PDF標(biāo)簽。
對(duì)于無(wú)法使用觸控板或鼠標(biāo)瀏覽網(wǎng)站的用戶,可通過(guò)鍵盤(pán)訪問(wèn)的導(dǎo)航是優(yōu)先事項(xiàng)。因此,您必須確保您的站點(diǎn)與鍵盤(pán)導(dǎo)航無(wú)縫配合。
在構(gòu)建站點(diǎn)時(shí),開(kāi)發(fā)人員可能需要添加自定義控件。確保用戶可以輕松地在內(nèi)容和控件之間導(dǎo)航也是您的工作。菜單和表單是鍵盤(pán)可訪問(wèn)性的一個(gè)重要問(wèn)題點(diǎn),因此要特別注意它們。
如果格式不正確,表格會(huì)出現(xiàn)其他可訪問(wèn)性問(wèn)題。創(chuàng)建一張易于訪問(wèn)的桌子并不困難——它表明您致力于提供包容性數(shù)字體驗(yàn)。
要制作易于訪問(wèn)的表格,請(qǐng)以標(biāo)題或替代文本格式提供信息摘要。此外,請(qǐng)確保您已確定標(biāo)題行并保持簡(jiǎn)單。換句話說(shuō)——不要將一張桌子嵌在一張桌子里面。
表單是一個(gè)很好的補(bǔ)充,可以確保您的網(wǎng)站吸引盡可能多的潛在客戶。但是,如果您網(wǎng)站上的表單存在可訪問(wèn)性問(wèn)題,那么您將無(wú)法獲取有關(guān)殘障訪問(wèn)者的信息。此外,從用戶體驗(yàn)的角度來(lái)看,無(wú)法訪問(wèn)某些內(nèi)容可能會(huì)讓人難以承受和孤立。
一些最佳實(shí)踐包括確保您的網(wǎng)站表單可通過(guò)鍵盤(pán)導(dǎo)航訪問(wèn)、使用視覺(jué)標(biāo)簽而不是占位符文本以及闡明表單輸入標(biāo)簽。
首先,您的菜單應(yīng)該可供人們?cè)L問(wèn),無(wú)論他們是通過(guò)屏幕閱讀器、鍵盤(pán)還是其他方式訪問(wèn)它。為確保您的菜單選中所有輔助功能框,您應(yīng)該使用熟悉的模式,以便訪問(wèn)者知道他們?cè)趯ふ沂裁矗送饽€應(yīng)該準(zhǔn)確地標(biāo)記菜單。
如果您提供彈出式菜單,對(duì)于那些使用某些輔助技術(shù)訪問(wèn)菜單的人來(lái)說(shuō)可能會(huì)出現(xiàn)問(wèn)題。確保當(dāng)用戶從該區(qū)域移開(kāi)鼠標(biāo)時(shí)子菜單不會(huì)消失,以確保觸摸屏用戶的可訪問(wèn)性。
成都小程序開(kāi)發(fā)通過(guò)解決可訪問(wèn)性問(wèn)題,可以確保您網(wǎng)站的所有訪問(wèn)者都有積極的體驗(yàn),讓他們想要返回。通過(guò)檢查這些網(wǎng)站可訪問(wèn)性問(wèn)題示例,您可以更好地了解設(shè)計(jì)在實(shí)踐中的好壞。