6 項強制檢查以確保網站可訪問

已發表: 2021-04-09

在本文中,我們將討論確保網站可訪問的 6 項強制性檢查。 所以繼續閱讀。

隨著技術每年呈指數級發展,這些天對我們來說事情變得更加容易。 要閱讀您最喜歡的報紙,您無需每天早上等待送貨員將它們送到您家門口。 現在,您可以在家中舒適地閱讀您想要的內容、時間和方式。

是什麼讓這成為可能? 是互聯網! 互聯網在全球擁有數十億個網站,使連接變得簡單、無縫且無故障。

但是,抓住你的馬。 另一個棘手的問題是網站是否可以訪問。 人們可以在全球範圍內輕鬆訪問它嗎? 好吧,本文旨在為您提供簡潔的答案,同時向您介紹 Web 可訪問性的概念、其特徵、確保網站可訪問性的一些檢查,以及 whoisaccessible.com 如何改變敘述以方便訪問。

你想知道更多嗎? 好吧,請戴上老花鏡,因為這篇文章有望成為令人興奮的讀物。

Web 可訪問性:概述

在我們深入之前,讓我們先從維基百科上對 Web 可訪問性的定義。 在這裡,網絡可訪問性是確保沒有障礙或障礙阻礙身體殘疾或任何形式的社會經濟帶寬限制的人訪問 WWW(萬維網)上的任何網站的做法。 因此,每個用戶都必須有權訪問每個網站上的所有功能和信息記錄。

繼續前進,我們可以看到互聯網上的大多數網站都擁有一種形式的可訪問性或另一種形式的包容性。 因此,不同殘疾的人越多地使用互聯網,他們可以向公眾傳遞的知識就越多。

但是,需要注意的是,Web 可訪問性不僅限於殘障用戶。 組織和個人也可以在網絡可訪問性方面發揮重要作用,因為它具有滿足不同需求、偏好和情況的靈活性。

Web 可訪問性示例

人們出於多種原因創建網站。 通常,這些網站具有特定的插圖或圖像,用於將消息傳遞給目標用戶。 例如,HTML(超文本標記語言)具有在用戶看不到原始圖像的情況下展示替代文本的屬性。

HTML 屬性在幫助有不同形式視覺障礙的人方面大有幫助。 借助為閱讀網站文本而開發的軟件,他們可以相對輕鬆地使用網站內容。

有色盲的人可能難以區分具有標准文本和可點擊鏈接的區域,因為存在的某些元素具有太多相似之處。 但是,通過 Web 可訪問性,我們可以通過許多不同的方式解決這個問題。

對於初學者,Web 開發人員可以為可點擊的文本添加下劃線,使視障人士更容易快速掌握他們的差異。 另一種選擇是創建一個獨特的“鏈接按鈕”。

網頁無障礙指南

如今,人們所做的一切都受既定準則的約束,並且與 Web 可訪問性沒有任何不同。 這些可訪問性指南影響 Web 設計人員和開發人員為公眾創建 Web 內容的方式。

什麼是網頁內容? 簡而言之,它們被稱為網站使用的圖像、文本和聲音。 要消費網絡內容,您需要主要的人類感官,例如視覺和聽覺。

也稱為 WCAG(Web 內容可訪問性指南),Web 內容可訪問性的流行標準有兩種變體。 第一個是 WCAG 2.0,於 2008 年發布,第二個(WCAG 2.1)在十年後的 2018 年進入網絡內容領域。

但是,對於這兩種變體,W3C 建議使用最新版本來製作 Web 內容。 為什麼? 因為該版本符合前一個版本的標準,同時具有一些更改。 就上下文而言,如果一個站點滿足 WCAG 2.0 的要求,它也完成了 2.1 版本的標準。

滿足這些要求是必須的。 它不僅使您處於法律的正確一邊,而且還使您的 Web 內容易於被不同殘障人士使用和消化。 除了滿足標準外,還需要考慮用戶之間的無縫交互。

為什麼用戶交互很重要? 雖然一些用戶可能擁有最新的小工具來幫助更快地加載內容,但其他用戶可能沒有同樣的奢侈。 在這裡,創建一個全面統一的標準至關重要。

上面的插圖在很大程度上表明用戶應該根據他們不同的需求和願望使用互聯網,而不管情況如何。

Web 可訪問性:輔助技術

將輔助技術納入網站至關重要,因為它可以幫助殘障人士有機會過上獨立的生活。 但是,有一點需要注意,因為這些技術只有在應用了與它們接壤的所有原則時才能發揮作用。

儘管某些網站不提供輔助技術,但大多數網頁都具有訪問 Web 內容的功能。 這些技術形式包括軟件和硬件解決方案。 它們包括:

屏幕閱讀器

顧名思義,人們使用屏幕閱讀器來閱讀網頁上的文本。

屏幕放大率

屏幕放大軟件可放大和縮小網頁內容,讓有輕微視力障礙的用戶更輕鬆地閱讀。

替代輸入設備

這些是鼠標或鍵盤的有效替代品。 專為有認知或身體障礙的用戶設計,包括:

  • 頭指針
  • 眼球追踪或運動追踪
  • 單開關進入設備
  • 觸覺鍵盤
  • 語音輸入軟件

可訪問的網站:要運行的六項關鍵檢查

您是否仔細閱讀了這篇文章並決定讓您的網站對殘疾人和廣大公眾都具有包容性? 運行這些簡單的檢查以查看它的包容性:

總體外觀

乍一看,您的頁面應該具有相同的文本大小、字體樣式,並且圖標不會妨礙任何內容。 檢查您網站的文本和縮放設置中的以下內容:

  • 是否有足夠的空白將鏈接、圖像和文本分開?
  • 默認文本是易讀還是難讀?
  • 字體樣式是流行的無襯線字體嗎?

回答所有這些問題是使您的網站對所有人都具有包容性的一步。

調整文本大小

調整文本大小在任何網站上都至關重要,這與放大頁面不同。

例如,如果您在 Windows 上使用 Internet Explorer,您可以通過單擊菜單欄上的“查看”並將文本大小設置為“最大”來輕鬆調整文本大小。

你注意到什麼了嗎? 文本是否調整大小? 如果您對所有這些問題的回答是否定的,那麼您應該努力做出一些改變。

顏色方案

你都在為一個包容性的網站,對吧? 如果您是,那麼考慮到您網站上的配色方案是至關重要的。

您必須選擇容易看的顏色,因為大多數用戶更喜歡對比度較低的顏色。 這樣,用戶就可以輕鬆地使用您網站上的 Web 內容。

鍵盤輔助功能

由於運動或視力障礙,一些用戶可能會發現使用鍵盤令人生畏。

在這裡,嘗試單擊整個頁面,看看您是否可以關注活動鏈接或按鈕。 完成此操作後,嘗試在一個或兩個表單上輸入詳細信息。

如果所有這些過程都很艱鉅,那麼您的網站可能根本無法訪問。

圖像上的文字說明

在您網站的圖像上輸入文字描述是適當的,以便為盲人提供對網頁上所有關鍵圖像的不同解釋。

您可以通過將鼠標懸停在圖像上並查看是否出現文本來在您的站點上檢查此內容。

在這不起作用的情況下,您可能需要聘請 Web 開發人員的服務來添加此創新功能。

無障礙信息

提供有關您網站上存在的可訪問性功能的簡明信息對於那些想要走這條路的人來說很有價值。

如果您沒有任何鏈接,請嘗試創建一個鏈接(通常在網頁底部),以讓用戶快速了解與現場可訪問性相關的詳細信息。

主要外賣

Web 可訪問性是每個網站上的“必備”功能。 按照上面的指南和清單,借助不同的輔助技術,現在可以創建一個所有人都可以訪問的包容性網站。