首頁(yè)?>?知識(shí)?資訊?>?北京做網(wǎng)站,提高您網(wǎng)站可訪問(wèn)性的10種方法?>?正文

北京做網(wǎng)站,提高您網(wǎng)站可訪問(wèn)性的10種方法

2019/8/21 0:00:00 · 稿源:傳誠(chéng)信

網(wǎng)站所有者都想吸引盡可能多的訪問(wèn)者。但是,很少有人采取必要的步驟來(lái)確保每個(gè)人都可以使用他們的網(wǎng)站。有數(shù)百萬(wàn)用戶依賴可訪問(wèn)的網(wǎng)站,如果你沒(méi)有花時(shí)間了解他們的需求,每個(gè)人都會(huì)錯(cuò)過(guò)。
在本文中,我們將了解網(wǎng)站建設(shè)中可訪問(wèn)性實(shí)際涉及的內(nèi)容以及它為何如此重要。我們將介紹幾種可以讓您的網(wǎng)站更容易訪問(wèn)的方法。

網(wǎng)站建設(shè)

  • 1.確保您的網(wǎng)站對(duì)鍵盤友好
    為了使網(wǎng)站易于訪問(wèn),它必須在不使用鼠標(biāo)的情況下工作。這是因?yàn)樵S多輔助技術(shù)依賴于僅鍵盤導(dǎo)航。因此,必須可以通過(guò)鍵盤使用您網(wǎng)站的所有主要功能,而不是其他任何功能。這包括訪問(wèn)所有頁(yè)面,鏈接,內(nèi)容等。
    使用鍵盤導(dǎo)航最常用的方法是使用Tab鍵。這將在頁(yè)面上可以具有“鍵盤焦點(diǎn)”的區(qū)域之間跳轉(zhuǎn),其中包括鏈接,按鈕和表單。因此,您的目標(biāo)應(yīng)該是確??梢允褂肨ab訪問(wèn)所有內(nèi)容和導(dǎo)航。

  • 2.確保所有內(nèi)容都易于訪問(wèn)
    您需要確保頁(yè)面上的所有內(nèi)容都可以實(shí)際訪問(wèn)。雖然這通常不是問(wèn)題,但當(dāng)頁(yè)面包含動(dòng)態(tài)內(nèi)容時(shí)可能會(huì)出現(xiàn)問(wèn)題。,如果內(nèi)容在沒(méi)有重新加載的頁(yè)面的情況下可以更改,則內(nèi)容是動(dòng)態(tài)的。如果站點(diǎn)未通知輔助工具更改,則可能會(huì)出現(xiàn)問(wèn)題。例如,許多屏幕閱讀器只會(huì)在首次加載時(shí)“讀取”網(wǎng)站。因此,您需要知道什么時(shí)候發(fā)生了變化或者用戶會(huì)錯(cuò)過(guò)新內(nèi)容。

  • 3.將Alt文本添加到所有圖像
    在這里,您可以輸入圖像的替代文本。如果圖像無(wú)法加載,則此文本將替代圖像。但是,屏幕閱讀器也可以訪問(wèn)alt文本(有時(shí)稱為alt屬性,alt描述或alt標(biāo)簽)來(lái)“讀取”圖片。因此,您可以使用此字段來(lái)描述圖像,為不會(huì)錯(cuò)過(guò)圖像的用戶提供上下文。
    好像這還不夠,alt文本也可以幫助您改善網(wǎng)站的SEO。只需確保編寫(xiě)每個(gè)圖像的描述性摘要,并嘗試在有意義的時(shí)候包含關(guān)鍵字。

  • 4.仔細(xì)選擇您的顏色
    您需要確保在網(wǎng)站上選擇的顏色形成鮮明對(duì)比,以確保每個(gè)人都能區(qū)分頁(yè)面上的各種元素。最緊迫的問(wèn)題是確保文本在背景中脫穎而出。理想情況下,你應(yīng)該對(duì)一個(gè)淺色設(shè)置一個(gè)深色,確保它們不會(huì)相互滲透。

  • 5.使用標(biāo)題正確構(gòu)建您的內(nèi)容
    使您的網(wǎng)站可訪問(wèn)的另一個(gè)關(guān)鍵任務(wù)是仔細(xì)使用標(biāo)頭來(lái)構(gòu)建您的內(nèi)容。這樣做可以使您的內(nèi)容更容易理解和消化,并改善流程。
    此外,清晰標(biāo)題還可以幫助屏幕閱讀器解讀您的頁(yè)面。這使得提供頁(yè)內(nèi)導(dǎo)航變得更加容易。它也很簡(jiǎn)單,因?yàn)槟恍枰_保在內(nèi)容中使用正確的標(biāo)題級(jí)別。

  • 6.設(shè)計(jì)可訪問(wèn)性表單
    表格是大多數(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ì)于使用屏幕閱讀器的人來(lái)說(shuō),這可能并不明顯。
    您還應(yīng)該以明確的方式提供用戶可以輕松理解的說(shuō)明和信息。

  • 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)行操作。它向您展示了如何在保持可訪問(wèn)性標(biāo)準(zhǔn)的同時(shí)對(duì)表進(jìn)行編碼。

  • 8.啟用不會(huì)破壞您網(wǎng)站的可調(diào)整大小的文本
    大多數(shù)設(shè)備和瀏覽器都可以讓用戶調(diào)整文本大小,這對(duì)有視覺(jué)障礙的人有幫助。但是,如果您不構(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)用戶的禍根。由于在頁(yè)面加載時(shí)可以開(kāi)始播放音樂(lè)或視頻,就可訪問(wèn)性而言,這是一個(gè)更大的問(wèn)題。
    最好避免自動(dòng)導(dǎo)航,例如旋轉(zhuǎn)木馬和滑塊。如果觀眾需要更多時(shí)間來(lái)吸收所有信息,然后再轉(zhuǎn)到下一張幻燈片或部分,這可能會(huì)令人難以置信。

  • 10.創(chuàng)建具有輔助功能的內(nèi)容
    我們來(lái)到您網(wǎng)站的核心:它的內(nèi)容。這意味著要注意相對(duì)較小的事情,例如總是完全寫(xiě)出首字母縮略詞,更重要的一點(diǎn),比如確保你給所有鏈接提供唯一的,描述性的名稱和錨文本。如果您已經(jīng)閱讀了整個(gè)教程,那么您已經(jīng)清楚了解可能導(dǎo)致某些用戶遇到問(wèn)題的潛在問(wèn)題。


確保您的網(wǎng)站歡迎盡可能多的人應(yīng)該是首要任務(wù)。沒(méi)有理由排除任何人,特別是因?yàn)楸苊膺@樣做相對(duì)容易。您的用戶不僅會(huì)感謝您,而且您還可能會(huì)看到更多流量和轉(zhuǎn)化帶來(lái)的好處。以上網(wǎng)站設(shè)計(jì)中可訪問(wèn)的方法,可以有效的提高您的網(wǎng)站的訪客數(shù)量,更多的網(wǎng)站信息,您可以聯(lián)系北京網(wǎng)站設(shè)計(jì)公司,我們將為您提供專業(yè)的網(wǎng)站服務(wù)。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354