2019-06-11 分類: 做網(wǎng)站
網(wǎng)站所有者都想吸引盡可能多的訪問者。但是,很少有人采取必要的步驟來確保每個(gè)人都可以使用他們的網(wǎng)站。有數(shù)百萬用戶依賴可訪問的網(wǎng)站,如果你沒有花時(shí)間了解他們的需求,每個(gè)人都會(huì)錯(cuò)過。
在本文中,我們將了解網(wǎng)站建設(shè)中可訪問性實(shí)際涉及的內(nèi)容以及它為何如此重要。我們將介紹幾種可以讓您的網(wǎng)站更容易訪問的方法。
1.確保您的網(wǎng)站對(duì)鍵盤友好
為了使網(wǎng)站易于訪問,它必須在不使用鼠標(biāo)的情況下工作。這是因?yàn)樵S多輔助技術(shù)依賴于僅鍵盤導(dǎo)航。因此,必須可以通過鍵盤使用您網(wǎng)站的所有主要功能,而不是其他任何功能。這包括訪問所有頁面,鏈接,內(nèi)容等。
使用鍵盤導(dǎo)航最常用的方法是使用Tab鍵。這將在頁面上可以具有“鍵盤焦點(diǎn)”的區(qū)域之間跳轉(zhuǎn),其中包括鏈接,按鈕和表單。因此,您的目標(biāo)應(yīng)該是確??梢允褂肨ab訪問所有內(nèi)容和導(dǎo)航。
2.確保所有內(nèi)容都易于訪問
您需要確保頁面上的所有內(nèi)容都可以實(shí)際訪問。雖然這通常不是問題,但當(dāng)頁面包含動(dòng)態(tài)內(nèi)容時(shí)可能會(huì)出現(xiàn)問題。,如果內(nèi)容在沒有重新加載的頁面的情況下可以更改,則內(nèi)容是動(dòng)態(tài)的。如果站點(diǎn)未通知輔助工具更改,則可能會(huì)出現(xiàn)問題。例如,許多屏幕閱讀器只會(huì)在首次加載時(shí)“讀取”網(wǎng)站。因此,您需要知道什么時(shí)候發(fā)生了變化或者用戶會(huì)錯(cuò)過新內(nèi)容。
3.將Alt文本添加到所有圖像
在這里,您可以輸入圖像的替代文本。如果圖像無法加載,則此文本將替代圖像。但是,屏幕閱讀器也可以訪問alt文本(有時(shí)稱為alt屬性,alt描述或alt標(biāo)簽)來“讀取”圖片。因此,您可以使用此字段來描述圖像,為不會(huì)錯(cuò)過圖像的用戶提供上下文。
好像這還不夠,alt文本也可以幫助您改善網(wǎng)站的SEO。只需確保編寫每個(gè)圖像的描述性摘要,并嘗試在有意義的時(shí)候包含關(guān)鍵字。
4.仔細(xì)選擇您的顏色
您需要確保在網(wǎng)站上選擇的顏色形成鮮明對(duì)比,以確保每個(gè)人都能區(qū)分頁面上的各種元素。最緊迫的問題是確保文本在背景中脫穎而出。理想情況下,你應(yīng)該對(duì)一個(gè)淺色設(shè)置一個(gè)深色,確保它們不會(huì)相互滲透。
5.使用標(biāo)題正確構(gòu)建您的內(nèi)容
使您的網(wǎng)站可訪問的另一個(gè)關(guān)鍵任務(wù)是仔細(xì)使用標(biāo)頭來構(gòu)建您的內(nèi)容。這樣做可以使您的內(nèi)容更容易理解和消化,并改善流程。
此外,清晰標(biāo)題還可以幫助屏幕閱讀器解讀您的頁面。這使得提供頁內(nèi)導(dǎo)航變得更加容易。它也很簡(jiǎn)單,因?yàn)槟恍枰_保在內(nèi)容中使用正確的標(biāo)題級(jí)別。
6.設(shè)計(jì)可訪問性表單
表格是大多數(shù)網(wǎng)站的有用補(bǔ)充,但必須仔細(xì)設(shè)計(jì)。最重要的是確保每個(gè)領(lǐng)域都有明確的標(biāo)簽。您還應(yīng)該將標(biāo)簽放在相應(yīng)字段旁邊。雖然有視力的用戶可以輕松地將標(biāo)簽與相應(yīng)的字段或選項(xiàng)匹配,但對(duì)于使用屏幕閱讀器的人來說,這可能并不明顯。
您還應(yīng)該以明確的方式提供用戶可以輕松理解的說明和信息。
7.除表格數(shù)據(jù)外,不要使用表格
在顯示數(shù)據(jù)時(shí),表格很方便。它們使所有用戶(包括使用輔助技術(shù)的用戶)更容易解析大量數(shù)據(jù)。但是,為了獲得大的收益,您需要盡可能簡(jiǎn)化表格。
此外,除了表格數(shù)據(jù)之外,最好避免使用表格。例如,您永遠(yuǎn)不應(yīng)該將表用于布局,列表或其他任何內(nèi)容。這可能會(huì)使屏幕閱讀器和類似設(shè)備感到困惑。
如果確實(shí)需要?jiǎng)?chuàng)建更復(fù)雜的表,可以按照W3中的本指南進(jìn)行操作。它向您展示了如何在保持可訪問性標(biāo)準(zhǔn)的同時(shí)對(duì)表進(jìn)行編碼。
8.啟用不會(huì)破壞您網(wǎng)站的可調(diào)整大小的文本
大多數(shù)設(shè)備和瀏覽器都可以讓用戶調(diào)整文本大小,這對(duì)有視覺障礙的人有幫助。但是,如果您不構(gòu)建站點(diǎn)以支持此功能,則調(diào)整文本大小可能會(huì)破壞您的設(shè)計(jì)或使其難以與您的站點(diǎn)進(jìn)行交互。
一個(gè)好的做法是避免絕對(duì)單位,例如使用像素指定文本大小。而是使用相對(duì)大小,這使得文本可以根據(jù)其他內(nèi)容和屏幕大小進(jìn)行縮放。
9.避免自動(dòng)媒體和導(dǎo)航
自動(dòng)播放媒體文件一直是互聯(lián)網(wǎng)用戶的禍根。由于在頁面加載時(shí)可以開始播放音樂或視頻,就可訪問性而言,這是一個(gè)更大的問題。
最好避免自動(dòng)導(dǎo)航,例如旋轉(zhuǎn)木馬和滑塊。如果觀眾需要更多時(shí)間來吸收所有信息,然后再轉(zhuǎn)到下一張幻燈片或部分,這可能會(huì)令人難以置信。
10.創(chuàng)建具有輔助功能的內(nèi)容
我們來到您網(wǎng)站的核心:它的內(nèi)容。這意味著要注意相對(duì)較小的事情,例如總是完全寫出首字母縮略詞,更重要的一點(diǎn),比如確保你給所有鏈接提供唯一的,描述性的名稱和錨文本。如果您已經(jīng)閱讀了整個(gè)教程,那么您已經(jīng)清楚了解可能導(dǎo)致某些用戶遇到問題的潛在問題。
確保您的網(wǎng)站歡迎盡可能多的人應(yīng)該是首要任務(wù)。沒有理由排除任何人,特別是因?yàn)楸苊膺@樣做相對(duì)容易。您的用戶不僅會(huì)感謝您,而且您還可能會(huì)看到更多流量和轉(zhuǎn)化帶來的好處。以上網(wǎng)站設(shè)計(jì)中可訪問的方法,可以有效的提高您的網(wǎng)站的訪客數(shù)量,更多的網(wǎng)站信息,您可以聯(lián)系北京網(wǎng)站設(shè)計(jì)公司,我們將為您提供專業(yè)的網(wǎng)站服務(wù)。
文章標(biāo)題:北京做網(wǎng)站,提高您網(wǎng)站可訪問性的10種方法
本文URL:http://www.rwnh.cn/news44/79894.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有做網(wǎng)站等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容