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

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

2019/8/21 0:00:00 · 稿源:傳誠信

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

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

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

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

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

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

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

  • 6.設(shè)計可訪問性表單
    表格是大多數(shù)網(wǎng)站的有用補充,但必須仔細設(shè)計。最重要的是確保每個領(lǐng)域都有明確的標簽。您還應(yīng)該將標簽放在相應(yīng)字段旁邊。雖然有視力的用戶可以輕松地將標簽與相應(yīng)的字段或選項匹配,但對于使用屏幕閱讀器的人來說,這可能并不明顯。
    您還應(yīng)該以明確的方式提供用戶可以輕松理解的說明和信息。

  • 7.除表格數(shù)據(jù)外,不要使用表格
    在顯示數(shù)據(jù)時,表格很方便。它們使所有用戶(包括使用輔助技術(shù)的用戶)更容易解析大量數(shù)據(jù)。但是,為了獲得最大的收益,您需要盡可能簡化表格。
    此外,除了表格數(shù)據(jù)之外,最好避免使用表格。例如,您永遠不應(yīng)該將表用于布局,列表或其他任何內(nèi)容。這可能會使屏幕閱讀器和類似設(shè)備感到困惑。
    如果確實需要創(chuàng)建更復(fù)雜的表,可以按照W3中的本指南進行操作。它向您展示了如何在保持可訪問性標準的同時對表進行編碼。

  • 8.啟用不會破壞您網(wǎng)站的可調(diào)整大小的文本
    大多數(shù)設(shè)備和瀏覽器都可以讓用戶調(diào)整文本大小,這對有視覺障礙的人有幫助。但是,如果您不構(gòu)建站點以支持此功能,則調(diào)整文本大小可能會破壞您的設(shè)計或使其難以與您的站點進行交互。
    一個好的做法是避免絕對單位,例如使用像素指定文本大小。而是使用相對大小,這使得文本可以根據(jù)其他內(nèi)容和屏幕大小進行縮放。

  • 9.避免自動媒體和導(dǎo)航
    自動播放媒體文件一直是互聯(lián)網(wǎng)用戶的禍根。由于在頁面加載時可以開始播放音樂或視頻,就可訪問性而言,這是一個更大的問題。
    最好避免自動導(dǎo)航,例如旋轉(zhuǎn)木馬和滑塊。如果觀眾需要更多時間來吸收所有信息,然后再轉(zhuǎn)到下一張幻燈片或部分,這可能會令人難以置信。

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


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

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

010-62199213

24小時咨詢熱線

139-1050-5354