主管應使用 8 種網路無障礙檢查工具

2024/04/16

在網站上實施無障礙措施時，由於網站必須依照所訂定的標準來改善和建置，因此必須依照所訂定的標準來改善和建置、無障礙網頁檢查工具回應工作最有效率的方式，是不時驗證是否已進行改善以符合標準，使用

許多企業和網站管理者都在考慮引進網站無障礙檢查工具，以符合網站無障礙合理考量的強制規定。

網頁無障礙檢查工具是、從特定的無障礙工具到整個網站的全面無障礙檢查種類繁多。

因此，這一次、廣泛應用於網頁可及性合規下圖。8 種檢查工具介紹如下。

由於無障礙的要求千差萬別，因此必須依據不同的目的，有效率地使用這些工具，本文將詳細介紹這些網頁無障礙工具，以及處理網頁無障礙時的工作流程。

 

8 種網路可及性檢查工具，用來評估您的網站。

在支援無障礙網頁時，第一步是客觀了解您網站的無障礙程度（可用性）。然後，您應該使用無障礙網頁檢查工具來評估網站的無障礙程度，以便知道需要採取哪些措施。

以下八種工具可協助您檢查網站的可及性。

◆ 本文介紹的無障礙網頁檢查工具。

	工具名稱	主要機能	代步	成本
①	miChecker Ver. 3.0，適合所有人使用的無障礙評估工具。	... 基於 JIS X 8341-3:2016 的無障礙檢驗。 驗證語音可用性。 模擬低視力（視力障礙）。	由內政通訊部開發和提供的最受歡迎的免費工具。 ... 根據 JIS X 8341-3:2016 標準進行驗證。 隨附的文件將協助您獲取網頁可存取性的知識。	免費
②	燈塔	根據五項評估標準全面評估網站和網路應用程式的品質。 基本的 SEO 檢查功能，例如設定 meta 屬性和檢查 HTTP 狀態碼的正常性。	∙ 由 Google 提供，因此可立即作為 Chrome 擴充套件使用。 顏色編碼的分數顯示可讓您輕鬆直觀地識別問題。 可存取性以及 SEO 排名都可以改善。	免費
③	NVDA (日文版)	在滑鼠游標位置以合成聲音自動讀出文字。 輸入至點字顯示器 使用 NVDA 提供的快捷鍵進行鍵盤操作。 ∙ 為支援無障礙網站的開發人員提供支援功能。	該系統在全球使用，並有超過 50 種語言版本。 -可從 USB 記憶棒等可攜式媒體執行，無需安裝。 支援主要應用程式，包括電子郵件和辦公室相關應用程式。	免費
④	色盲網頁篩選器	模擬顯示 1 至 3 類色覺及灰階（消色差）顏色（包括圖像、圖示等）	無需安裝或註冊，只要在網站上輸入目標 URL 即可使用。 UI 可讓您輕鬆比較清晰視覺與色覺特性的視覺，讓您很難忽略兩者的差異。	免費
⑤	WAIV2	批次網站評估、評估結果匯總功能、限制網站評估功能。 網站評估功能，包括 PDF。 行動和網頁應用程式驗證。	根據 JIS X 8341-3:2016 自動驗證網站。 評估結果報告組織清晰，不僅提出了問題，還提出了具體的糾正方法，並詳細解釋。 也支援 WCAG 2.1 和 2.2。	90 天版本： ¥ 55,000 (不含稅) / 1 個授權 一年期授權：每個授權 110,000 日元（不含稅）。 無限期使用版本： ¥ 220,000 (不含稅) / 1 個授權
⑥	斧頭監視器	儀表板功能可列出發生問題的類型、頻率及回應狀態。 -原始碼層級的詳細報告功能。	自動巡邏指定的網站和網頁。 -符合多項準則，例如「WCAG 2.0」、「JIS X 8341-3:2016」和「Section 508（康復法案第 508 節）」。 專家人員提供從介紹到操作的細心支援。	已收費 / 需要查詢。
⑦	網站改善	以 WCAG 和 Siteimprove 獨特的雙軸索引為基礎的可讀性評估功能。 能夠自行設定品質檢查規則。 最低每五天自動爬行功能。 SEO 功能	自動驗證所有頁面的 200 多個驗證項。 不需要嵌入標籤或做任何其他執行工作，只要指定 URL，它就會定期抓取。 全球有超過 7,000 家公司和組織使用該公司。	已收費 / 需要查詢。
⑧	uniweb.	自動分析功能 -由 AI 自動產生 Alt 等。 自動優化網站結構 - 逐月症狀剖析功能 Vidget 設定功能。	從網站分析到無障礙功能的最佳化與實施，提供一致的支援。 插入一行標籤即可立即執行。 可在不改變網站結構或品牌的情況下引入	根據領域和 PV 數量付費/報價

 

現在我們將逐個解釋這些工具。

 

免費的無障礙網頁檢查工具。

首先，這裡有四種典型的免費可存取性檢查工具。

工具 1 (免費) miChecker Ver. 3.0，適合所有人使用的無障礙評估工具。

miChecker' 是。由 MIC 開發和提供。在檢查網站是否符合 JIS X 8341-3:2016 時，建議先使用此工具，主要是模擬網站對年長或視障使用者的外觀，以及檢查可用性，例如使用語音轉文字軟體時的閱讀順序。

自動評估可以機械方式驗證的區域，並支援必須手動驗證的區域。驗證工作可以有效率地進行，因為它會這樣做，而且有隨附的文件來支持驗證、使用下列工具也可以獲得無障礙網頁的相關知識是。

由於 miChecker 是開放原始碼軟體，而且原始碼是公開的，因此任何人都可以自由修改，而且還會持續改進、作業系統只支援 Windows，並需要 Java (64 位元版本) 執行環境。應該注意的是

◆miChecker 畫面。

◆付属文書（一部）

有關 miChecker Ver. 3.0 的詳細資訊，請按這裡。

工具 2（免費）燈塔。

Lighthouse」是 Google 提供的檢查工具、Google Chrome 擴充套件Lighthouse 根據 Google 自己的標準，從五個角度評估網站：效能、可存取性、最佳實務、SEO 和進階網路應用程式。

在網頁可讀性方面，可以檢查文字的可讀性、圖片的alt指定，或連結的引導文字是否有具體說明，還可以檢查網站的顯示速度、HTML結構，以及網站是否能準確顯示給爬蟲、他們也會驗證網站的 SEO 方面，這不僅有助於改善網站的可及性，也有助於改善整體網站。

因此，根據 Lighthouse 的驗證結果來改善網站，將可提升網站的整體品質，進而獲得更好的搜尋結果排名。

燈塔報告畫面。

如需 Lighthouse 的詳細資訊，請按這裡 (Chrome Web Store)。

工具 (iii) (免費) NVDA (日文版)

NVDA 是 Windows 的螢幕閱讀器，是全球通用的開放原始碼軟體，也就是所謂的「語音轉文字軟體」，主要是將螢幕上的文字轉換成合成語音，作為視障人士的輔助工具，但也可作為網頁無障礙檢查工具。

語音閱讀不僅適用於網頁瀏覽器中的文字、廣泛支援流行的應用程式，例如電子郵件、聊天工具和辦公室相關應用程式它不是簡單地讀出螢幕上的文字，而是具有方便視障使用者的功能，例如自動讀出滑鼠游標位置的文字，並以聲音報告滑鼠游標的位置。

它也支援多種盲文顯示器、自動偵測所連接的點字顯示器，如果點字顯示器有點字輸入鍵，還可自動偵測點字輸入。公司將進行以下工作。

以下是使用 NVDA 讀出文字的音訊範本，語調有點機械化，但很容易理解。

NVDA (日文版) 語音轉文字 *注意音量。

如需 NVDA 日文版的詳細資訊，請按這裡。

工具 4 (免費) 色盲網頁篩選器

儘管它是一個工具，卻可以驗證具有色覺特徵的使用者看起來網站的樣子如何。無需安裝軟體或註冊，只需在 Colorblind Web Page Filter 網站上輸入您要驗證的頁面 URL 即可。因此很容易檢查。

對於單一頁面，可以切換不同的模式，例如 1 型色覺（分辨灰色和紅色有困難）、2 型色覺（分辨灰色和綠色有困難）和 3 型色覺（混淆黃色和藍色），看看各自是什麼樣子。

色盲網頁篩選器網站本身是英文的，但操作很簡單，只要將它翻譯成谷歌翻譯，就可以順利使用。以下是實際的檢查畫面，顯示您透過篩選器看到的色覺特徵，將您的視力與視力清晰的人*作比較。在捲動時，兩者會同步移動，因此非常容易比較規格而不會遺漏任何東西。以下是最常見的原因。

*Seigansha: 非視障人士。

色盲網頁篩選器比較畫面。

與 1 型色覺比較

與 2 型色覺比較

有關色盲網頁篩選器的詳細資訊，請按這裡。

 

付費的無障礙網頁檢查工具。

以下是典型的付費可存取性檢查工具清單。

工具 (v) (已付費) WAIV2 (前 WAIV)

WAIV 會自動分析您的網站，並根據 JIS X 8341-3:2016，為您的無障礙網站合規性進行評分，同時針對問題和需要修正的重點提供具體說明，不僅適用於一般網站、可分析網站，包括 PDF。是。

反應程度以數字清楚顯示，因此具體易懂，其特色在於不僅有整體分數，也有每個細項的分數，例如顯示速度、操作性或文字的可讀性。

它也能找出標準中沒有定義，但使用者可能會遇到的問題，因為它會自動評估各方面的問題，例如連結斷線、混亂的文字順序、顏色的使用和內容的數量、光是這個工具就能改善網站最微小細節的可及性。是。

2024 年 4 月，新的「WAIV2」將會發表，能夠符合國際標準 WCAG（網頁內容無障礙指引）的 2.1 和 2.2 版，對智慧型手機和其他裝置上的操作以及網路應用程式提出新的無障礙要求。

有關 WAIV2 的更多資訊。

工具 6 (收費) 斧頭監視器

axe Monitor」會自動巡邏網站並檢查無障礙性問題，然後再分析和報告資料......而不只是逐頁分析、整個網站的驗證可以一次完成。因此它是一個容易使用的工具。

此外，也可以從詳細資訊畫面檢查可存取性問題的狀態，並指定相關責任，讓內部或委外進行後續修正時，更容易分擔問題。

專家人員可以在介紹和操作工具時提供支援。因此，即使您說：「我們所從事的行業與 IT 毫無關係，但我們需要讓我們的網站可以透過網路存取！

如需「斧頭監視器」的詳細資訊，請按一下這裡。

工具 7 (付費) Siteimprove

Siteimprove 定期巡查網站，全球有超過 7,000 家公司和組織使用、自動驗證超過 200 種檢查的所有頁面。要做到這一點，它將全面識別所有與網站質量相關的問題，主要是 「鏈接損壞」、「顯示速度」、「正字法失真」、「排版錯誤和遺漏 」以及 「可訪問性」。

Siteimprove 會根據問題的影響*，建議需要處理的優先順序，並以圖表顯示改善的進度，讓整個專案團隊可以分享回應的狀態，以更有效率地解決網頁無障礙的問題、如果您有內部的無障礙網頁部門或團隊，您應該使用的工具其中一項

*例如，如果有多個損壞的連結，系統會從點擊次數最多的連結開始提出改善建議。

如需「Siteimprove」的詳細資訊，請按這裡。

 

網頁可存取性檢查工具，甚至可以用來執行功能。

工具 (1) 至 (7) 是檢查網站的工具，而工具 (8) 則是本公司提供的工具，可以實現從檢查到實現無障礙功能的所有功能。

工具 8 (付費) uniweb

UniWeb 遵循 JIS X 8341-3:2016。一站式解決方案可分析您網站上的問題區域、自動優化網站結構，並持續實作支援無障礙網頁的功能。因為它是外掛類型、只需在網站中插入一行標籤，即可在當天快速實施。這是一大優勢。

2024 年 4 月，在 UniWeb 上實現了使用生成式人工智能的新功能「簡易日文 AI」，這是首次在網站上實現這樣的功能。外掛工具的另一個優點是可以不時推出新功能。是。

参考記事：UniWeb 發佈使用生成式 AI 的「簡易日文 AI」功能。

UniWeb 擁有多種無障礙網頁功能，但控制各功能的選單都在同一個地方，並採用統一的 UI 設計，而且因為所有功能都是自然實現，不會打亂網站的設計、對於想要在維持自己網站世界觀的同時，引進各種無障礙功能的人來說，這是一大優勢。可以說：

◆ 介紹 UniWeb 的圖片。

無障礙功能表

無障礙功能的應用範例

更多關於 "uniweb" 的資訊，請按這裡。

 

使用檢查工具進行 5 個符合無障礙網頁的流程。

網站的無障礙程度可透過使用網站無障礙檢查工具來改善，例如上一節所述的工具，但一般流程如下：沒有一個或兩個人可以完成所有流程，因此您應該確保每個流程都有一定的資源。

無障礙網頁合規流程：五個步驟

此外，在進行回應工作之前那些想要瞭解更多關於無障礙網頁和 「首先什麼是無障礙網頁？」 的人。應預先閱讀以下文章。

参考記事：網站管理員必須執行哪些無障礙網頁措施？

現在將詳細解釋每個程序。

流程 1：澄清檢查標準。

但首先，我們會實際檢查自己的網站，看看需要採取哪些行動、澄清承保標準。其標準為「JIS 標準」。

國家標準 JIS X 8341-3:2016 是符合無障礙網頁的標準。無障礙的等級被定義為「一致性等級」，以從 A 到 AAA 的等級來表示，網頁無障礙的理想等級是「符合一致性等級 AA」。

符合性等級

一致性等級 A(25項成就標準)	最低要求等級。
一致性等級 AA(+13 成就標準）。	要求公共機關達到的水準。
符合性等級 AAA(+ 23 項成就標準)	不建議將此等級的符合性作為要求，因為有些內容可能無法符合所有的達成標準

 

也就是說根據 JIS X 8341-3:2016 標準檢查現場，並改善或建立符合 AA 級合規性的現場。是必需的；有關具體的達成標準，請參閱數位機構的《無障礙網頁實施指南》和 JIS X 8341-3:2016 達成標準快速參考表。

参考：無障礙網頁實施指南」，數位機構。、JIS X 8341-3:2016 成就標準快速參考表 (A 級與 AA 級) (無障礙網頁基礎建設委員會)

程序 2：執行網頁可及性檢查工具。

一旦要檢查的範圍明確，網站實際上會透過執行檢查工具進行評估，該工具會循環檢查網站的來源，以機械方式評估網站的無障礙問題 (是否符合 JIS X 8341-3:2016)，並向您報告。

有些工具會逐頁檢查，有些則會一次巡查整個網站，這兩種工具都可用。手動驗證需要大量人力，但使用工具可以節省大量金錢和時間。

首先，使用檢查工具找出網站的問題，包括難以目視的微小細節。

流程 3) 改善工作。

根據問題的不同，實際工作的範圍可以從設計、編碼到新功能的實作。

排定工作的優先順序，特別是如果網站已經發佈並開始運作。從問題影響較大的區域優先進行改善。確保：

流程 4：目視（手動）檢查。

改善後的場地會透過目視檢查或人工實際操作來驗證。

由於檢查工具的驗證只是機械性的，因此它並不是特別文字中需要人為判斷的部分，例如文字的完整性，會被忽略。關注並處理此類檢查工具中的任何遺漏。

此外，舉例來說，當嘗試只使用鍵盤來使用網站時，焦點的順序可能會讓人感到不舒服。當網站被實際使用，並使用已執行的功能時，就會出現這些問題因此，我們也會在這些方面進行修正。

由於網站最終是由人類使用，因此人類驗證工作是一個非常重要的過程。

流程 5：建立運作架構。

無障礙網頁工作並不是一完成就結束，定期維護以及建置新網頁和網站也必須依照無障礙網頁標準來進行、記錄無障礙支援的流程，以便在適當時檢查和更新。

因此，在網頁無障礙支援之後，這將是在公司內部建立系統，以確保持續運作。有必要

 

無障礙網頁檢查工具只是評估工具。

正如目前所解釋的，在處理無障礙網頁時，檢查工具作為偵測您自己網站的無障礙問題的手段非常有用，但單靠這些工具並不能解決問題。

無障礙網頁檢查工具只是用來評估網站的工具，而確定、修正、改善或驗證無障礙網頁的實際工作必須由您自行完成。這意味著，依據網站的規模，必須在公司內部取得的資源將會非常龐大，而且成本高昂、耗費時間。

外包是一種選擇，但卻是一種負擔。

如果沒有資源，有兩個選擇。

有些公司提供網站診斷服務，因此有可能從頭開始外包整個流程，但需要付費、初始成本需要幾十萬日圓，根據網站的大小，您應該預期花費超過一百萬日圓。此外，即使在完工後，每月還需要數萬日圓的維護費用來進行修正等。

此外，JIS X 8341-3:2016 雖然是目前的標準、當標準更新時，每次更新都必須付費委託。也必須加以考慮。

無庸置疑，無論是由公司內部或外包進行無障礙網頁的遵從工作，都會造成沉重的負擔。

然而，就像我們之前介紹的「UniWeb」一樣。有些工具甚至可以自動進行網站改進。

 

UniWeb 以更低的成本和更短的施工時間實現了無障礙支援。

我們提供網站無障礙工具 UniWeb 可用於在網站上實現無障礙功能，同時大幅降低成本並縮短施工時間。是。

此外，如前所述，如果將網路無障礙功能外包給開發公司，雖然需要一筆開發成本、UniWeb的實施費用是每月每個域名。費用是依據網域數量及 PV 數量計算，因此不會造成金錢上的浪費，可大幅降低公司的負擔。

實際測試 UniWeb 功能。

如果您想實際測試 UniWeb 的功能、我們邀請您按一下本頁面右下角可見的藍色圓形人形圖示。顯示無障礙功能表，讓使用者親身體驗 UniWeb 的廣泛功能。

 

建議使用 UniWeb 作為網頁可存取性檢查工具，它甚至可以實作功能。

本文介紹的是網頁無障礙檢查工具，但許多檢查工具只是主要驗證網站的工具，因此後續的開發與持續維護必須由內部進行。

然而、透過運用 UniWeb 等工具（負責從網站檢查到實際執行功能的所有工作），可以在大幅降低操作者負擔的情況下，達到高品質的無障礙網頁合規性。

自 2024 年 4 月起，UniWeb 官方網站已強制規定提供合理便利、免費網站診斷如果您是急於支援無障礙網頁的企業，請先從診斷您的網站開始。

免費無障礙評估 (UniWeb)。