ウェブサイトのアクセシビリティをテストするためのツール
公開: 2020-11-03アクセシビリティテストとは何ですか？
Webは、言語、場所、能力、ソフトウェア、またはハードウェアに関係なく、誰でも使用できるように設計されています。 Webサイトのアクセシビリティは、ユーザビリティのサブセットです。 この要素は、Webサイトを使用できるようにするには、Webサイトにアクセスできることを確認する必要があることを意味します。 Webは、人々が物理的な世界の情報にアクセスするのを妨げる可能性のある障壁を根本的に取り除く必要があります。 アクセシビリティはあらゆる種類の能力を引き出し、誰もがWeb上の情報にアクセスして対話できるようにします。
Webサイトの所有者は、Webサイトが設定されたアクセシビリティ基準を満たしていることを確認する必要があります。 不適切に設計されたWebサイト、テクノロジー、およびツールは、人々がWebサイトを使用できないようにし、可視性に悪影響を与える可能性があります。 したがって、Webアクセシビリティは、一般に、障害を持つ人々を含む誰もが快適に使用できるように、Webサイト、テクノロジー、ソフトウェア、およびツールを設計することです。 以下では、Webサイトのアクセシビリティをテストする方法について説明します。
Webアクセシビリティには、Webを認識、理解、ナビゲートし、その情報に貢献することによってWebにアクセスする機能が含まれます。 Webサイトをアクセシブルにする際に考慮すべき主な障害要因は次のとおりです。
- 聴覚
- 認知
- 神経学的
- 物理的
- スピーチ
- ビジュアル
考慮すべきその他の一時的な障害要因は次のとおりです。
- 一時的に眼鏡をなくした人。
- 明るい日光の下で読むことができない、または特定の環境でオーディオを使用できない人。
- インターネット接続が遅い、または帯域幅が限られている人。
- 加齢により能力が変化する人。
- 腕の骨折などの一時的な障害を持つ人々。
- スマートウォッチなどの小さな入力方法で小さなスマートデバイスを使用している人。
アクセシビリティテストを実行することは、サイトの運用と実行、および膨大な数のオーディエンスに確実に到達するために不可欠です。 アクセシビリティをチェックするときに何を探すべきかを知ることは困難な作業になる可能性があり、ほとんどの場合、いくつかの重要な問題を見逃す可能性があります。 誰かがあなたのウェブサイトとその中の情報を理解するのを妨げる可能性のある問題は、アクセシビリティの障壁です。 すでに述べたように、ほとんどのWebサイトには、障害者の使用を制限するアクセシビリティの障壁があります。 Webアクセシビリティテストを行うことが不可欠です。
Webアクセシビリティをテストするためのツール
Webサイトのアクセシビリティをテストするために使用できるさまざまなツールがあります。 自動テストは、障害を持つ人々がWebサイトにアクセスできるかどうかを判断するのに役立ちます。 手動テストは、Webサイトのアクセシビリティをテストする方法に関する重要なヒントでもあります。 ここでは、Webサイトのアクセシビリティをテストするために使用できるツールを見つけることができます。
60秒であなたのサイトのSEOとパフォーマンスをテストしてください！
優れたウェブサイトのデザインは、訪問者のエンゲージメントとコンバージョンにとって重要ですが、ウェブサイトの速度が遅い、またはパフォーマンスエラーがあると、最適にデザインされたウェブサイトでさえパフォーマンスが低下する可能性があります。 Diibは、世界で最高のWebサイトパフォーマンスおよびSEO監視ツールの1つです。 Diibはビッグデータの力を利用して、トラフィックとランキングをすばやく簡単に増やすことができます。 起業家に見られるように！
- 使いやすい自動SEOツール
- キーワードと被リンクの監視+アイデア
- スピード、セキュリティ、+コアバイタルトラッキングを保証します
- SEOを改善するためのアイデアをインテリジェントに提案します
- 25万人以上のグローバルメンバー
- 組み込みのベンチマークと競合他社の分析
25万を超える企業や組織で使用されています。
と同期します
波
Webサイトアクセシビリティ評価ツール（WAVE）は、アクセシビリティテストツールの中で有名なソフトウェアです。 WAVEは、障害を持つ人々がコンテンツにアクセスできるようにするためにWebAIMによって設計および保守されています。 このツールは、アクセシビリティとWebコンテンツアクセシビリティガイドラインの間違いを特定し、Webコンテンツを人間が容易に利用できるようにする余地を残します。
WAVEは、Webページに注釈を付け、システムのアクセシビリティの問題を克服する方法を推奨することで機能します。 このツールはオンラインで入手でき、Chrome拡張機能としても使用できます。 WAVE WebサイトでWebページのURLを入力するか、ブラウザ拡張機能を使用すると、ツールは、チェックしているページの明確なエラーアイコンを表示することで応答します。 これらのアイコンをクリックすると、ダッシュボードに、どの問題が存在するか、およびそれらを修正するための推奨事項に関する情報が表示されます。 例えば：
（画像クレジット：プレスブック）
WAVEは、Webサイトの監査プロセスを合理化するため、最高のWebアクセシビリティチェッカーです。 アクセシビリティの障壁となり、Webサイトのユーザビリティに悪影響を与える可能性のある特定の問題が、監査中に指摘されます。 たとえば、低色のコントラスト、冗長なタイル、不良リンク、構造要素などが、さまざまなユーザーにどのように影響するかについての説明が表示されます。
WAVEは、WCAG 2.1 — W3C Webコンテンツアクセシビリティガイドライン2.1、WCAG 2.0 —W3CWebコンテンツアクセシビリティガイドライン2.0標準に準拠しています。 英語で利用可能で、HTML、XHTML、およびCSS形式をサポートします。 WebAIMのWebサイトから、ChromeまたはFirefoxの拡張機能として、あるいはAPIサービスまたは製品として使用できます。
WAVEをブラウザ拡張機能として使用するのは無料です。 しかし、より自動化されたWebサイトのアクセシビリティチェッカーが必要な場合は、WAVEAPIが有料のオプションです。 APIを使用すると、アクセシビリティを確認しながら視点をカスタマイズでき、パスワード制限のあるページを確認できます。
シンシアは言う
シンシアは、WCAGおよびセクション508基準に沿ったエラーを特定するのに役立つ無料の教育ツールを述べています。 このツールはオンラインベースであり、一度に1ページしか検証できません。 Cynthia Saysは、理解しやすい正確な方法でWebサイトのWebページにエラーを自動的に報告します。 レポートには、セクション508ガイドラインに基づいてWebサイトが合格または不合格となったステータスのリストが表示されます。 例えば：
（画像クレジット：ウェブの歴史）
あなたは興味があるでしょう
ビジネスを成功させる方法
ウェブサイトの読み込み速度：最適化のためのツール
ウェブサイトのヘルスチェック：ツールとヒント
UXとはどういう意味ですか？
ポータルは、Webアクセシビリティの教育プログラムの一部として、Cryptozone、ICDRI、およびインターネットソサエティの障害と特別支援の章との共同プログラムの一部としてHiSoftwareによって提供されています。 Cynthia Saysはオンラインチェッカーですが、外部から無料ソフトウェアとしてアクセスすることもできます。 英語で利用可能で、CSS、HTML、および画像をサポートします。
AChecker
アクセシビリティチェッカーは、2008年にインクルーシブデザインリサーチセンターによってリリースされたオープンソースのアクセシビリティツールです。このツールを使用すると、WebページのURLを入力するか、HTMLファイルをアップロードすることでWebサイトのアクセシビリティを確認できます。 さらに、Acheckerを使用すると、チェックするガイドラインを選択できます。 たとえば、WCAG 2.0、WCAG 1.0、セクション508、HTMLバリデーター、スタンカ法、イタリアのアクセシビリティ法、米国連邦調達基準、BITV1.0などのオプションを提供します。 例えば：
（画像クレジット：ライアソン大学）
ACheckerはカスタマイズ可能でインタラクティブなので、アクセシビリティをテストするためのガイドラインを作成および作成することもできます。 これは国際的に普及しており、英語、イタリア語、ドイツ語などの言語形式をカバーしています。 ツールは以下をサポートします：
- HTML形式
- XHTML形式
- CSS形式
Acheckerをオンラインで使用するか、ダウンロードしてインストールすると、単一のWebページとパスワードが制限されたページを自動的にチェックできます。
Acheckerが生成するレポートは、ページが設定されたアクセシビリティ基準に準拠しており、誰でもアクセスできるかどうかを示します。 オープンソースツールとしてのAcheckerのAPIは、無料のオープンソースライセンスを提供するWebサービスです。 Acheckerを際立たせているのは、ニーズに応じて機能するインタラクティブでカスタマイズ可能な広告インターナショナルインターフェイスです。
ソートサイト
Sortsiteは、ワンクリックでWebサイトのアクセシビリティをテストできるPowerMapperツールです。 これは、Windows、OS XおよびMacユーザーの間で人気があり、デスクトップ、モバイル、およびIEデバイスと互換性があります。 これらのツールを使用すると、ワンクリックで個々のWebページまたはWebサイト全体とパスワードで保護されたページのアクセシビリティを評価できます。
Sortsiteは、WCAG 2.0-W3C Webコンテンツアクセシビリティガイドライン2.0、WCAG 1.0-W3C Webコンテンツアクセシビリティガイドライン1.0、セクション508、および米国連邦調達基準などのアクセシビリティ基準に照らして評価します。 このPowerMapperツールは、CSS、XHTML、HTML、PDFドキュメントや画像などの形式をサポートしています。 Sortsiteは、WebサイトでHTTPエラーコードとスクリプトエラーをチェックし、同じことを報告します。 例えば：
（画像クレジット：PowerMapper）
このツールは、連邦政府機関や民間企業で非常に使用されており、非常に人気があります。 箱から出して単語をチェックするカスタム辞書を含め、英語とフランス語で利用できます。 デモアカウントを使用してSortsiteをテストできますが、ライセンスが必要な場合は料金がかかります。
一般に、Sortsiteは、Webサイト全体を短時間でスキャンする場合に、優れたWebアクセシビリティツールです。 レポートは、影響のレベルを示すエラーと警告を含むレポートを提供します。 ただし、特に開発者が数字の意味を理解していない場合、エラーメッセージは混乱を招く可能性があります。 各エラーまたは警告に対して提供されるWCAGおよびセクション508ガイドラインへのリンクは、開発者が行う必要のある変更を理解するのに役立つはずです。
斧
Axeは、ChromeとFirefox用の無料のオープンソースプラグインとして利用できるアクセシビリティツールです。 Deque Systemsによるこのツールは、他の開発ツールと一緒にブラウザと連携しながら、アクセシビリティ違反についてWebサイトを分析できます。 Axeは使いやすく、50％を超える問題のデータを含むレポートを生成します。 誤検知について心配する必要はありません。
Axeは、各問題の横に正確な問題へのリンクを含むリストで最終レポートを表示するため、Web開発者にとって優れています。 また、問題のリストをフィルタリングして、レビューが必要な問題や明らかな違反である重大なケースを見つけることもできます。 AXは、それを引き起こした正確なHTML要素と、問題ごとに修正する方法を示します。 レビューのみが必要な問題については、問題ではないとして簡単にマークできます。 または、レポートのクリーンアップ中にそれらに戻るために「レビューされる」。 Axeで実行されたテストの例を次に示します。
（画像クレジット：Deque）
このツールは、WCAG 2.0-W3C Webコンテンツアクセシビリティガイドライン2.0、セクション508、および米国連邦調達基準としてのガイドラインをカバーしています。 また、HTMLおよびXHTML形式とも互換性があります。 これはWebベースのツールであるため、ライセンスは無料で簡単にアクセスできます。
Pa11y
Nature Publishing GroupのPa11yは、開発者に最適なもう1つのWebアクセシビリティテストツールです。 このツールを使用すると、カスタムのアクセシビリティテストインターフェイスとWebサービスをセットアップして、継続的にテストをスケジュールできます。 Pa11yは、単一または複数のWebページ、Webサイト全体、およびパスワードが制限されたページを自動的にチェックします。 以下の画像は、Pa11yのダッシュボードの例を示しています。
（画像クレジット：Lullabot）
Pa11yを使用してWebサイトのアクセシビリティをテストするにはどうすればよいですか？ 答えは、Pa11yでは、アクセシビリティの問題を継続的に監視し始める前に、Web開発者がそれを設定する必要があるということです。 Pa11yは英語で利用可能で、CSS、HTML、および画像形式をサポートします。 また、WCAG 2.0-W3C Webコンテンツアクセシビリティガイドライン2.0、セクション508、米国連邦調達標準アクセシビリティガイドラインについても説明します。
Web開発者ではないが、Pa11yレポートがどのように表示されるかを確認したい場合は、Koa11yと呼ばれるシンプルなデスクトップアプリがあります。 Pa11yと同じコマンドラインを実行しますが、シンプルでユーザーフレンドリーなバージョンです。 一般に、Pa11yは、Web開発者がコードベースに到達する前にアクセシビリティの問題を見つけて防止するのに役立ちます。これにより、Web開発者が最良のWeb開発プラクティスを積極的に開発できるようになります。
アクセシビリティバレー
アクセシビリティバレットは、WCA（Webコンテンツアクセシビリティガイドライン）コンプライアンスまたはセクション508ガイドラインに照らしてWebサイトのアクセシビリティをチェックできるオンラインツールです。 オンラインの無料モードアクセスとして利用できます。または、無制限の使用に対して有料でサブスクライブできます。 アクセシビリティバレーでは、使用しているモードに応じて、一度に1つのURLまたは複数のURLをチェックできます。
このツールが提供する機能には、次のものがあります。
- 開発者向けの詳細レポート
- スクリプトツール
- 品質分析とレビューの要約
- 自動クリーンアップ
- HTMLからXHTMLへの変換
すべてのHTMLレポートオプションは、マークアップを正規化された形式で表示し、誤って配置された要素を含む、偽の、有効な、非推奨のマークを強調表示します。 アクセシビリティバレットは、警告を表示してテストのレポートを生成します。
この記事がお役に立てば幸いです。
サイトの状態についてもっと興味深いことを知りたい場合は、個人的な推奨事項やアラートを取得し、DiibでWebサイトをスキャンしてください。 たった60秒です。
テノン
Webサイトのアクセシビリティをテストするにはどうすればよいですか？ テノンは、無料と有料の両方を備えた優れたサービスプロバイダーとしてこの質問に答えています。 このツールを使用すると、無視されてユーザーエクスペリエンスに影響を与えている可能性のあるガイドラインについてサイトでチェックを実行することにより、アクセシビリティの質問に答えることができます。 Tenonは、進行中の問題や、発生する前にさらに重大なユーザビリティの問題に変わる可能性のあるその他の重大な問題を特定したいWeb開発者に最適です。
このツールは、テストプロセスが満たす各エラーに関する最終的なレポートを生成し、WCAGガイドラインに照らして実行します。 このレポートは、結果として生じるエラーを修正する方法に関する推奨事項で構成されています。 Tenonは、単一のWebページ、複数のWebページ、Webサイト全体、およびパスワードが制限されたページをチェックします。
オンライン形式、ホステッドサービス、または英語のサーバーインストールとして利用できます。 Tenonは、CSS、HTML、XHTMLなどの形式をサポートしています。 WCAG 2.0 — W3C Webコンテンツアクセシビリティガイドライン2.0、WCAG 1.0 — W3C Webコンテンツアクセシビリティガイドライン1.0、セクション508、および米国連邦調達基準などのガイドラインに照らしてドキュメントを確認できます。 TenonはAPIを利用しており、既存のツールセットに簡単に組み込むことができます。
EvalAccess
EvalAccessは、スペインのバスク大学によって開発されたWebアクセシビリティテストツールです。 このツールは、単一または複数のURLを使用して、WCAG1.0準拠に対するWebサイト全体の評価を提供します。
EvalAccessは、単一のURL、HTMLマークアップのWebサイト全体をチェックするなどの評価オプションを提供します。 検出された各エラーを説明する、読みやすい生成されたレポートで評価結果にアクセスできます。 これは初心者にとって使いやすいツールではないかもしれませんが、サイトをクリーンアップしたいWeb開発者にとっては素晴らしいツールです。
DynoMapper
DynoMapperは、Google Analyticsを利用して、Webサイトのアクセシビリティをチェックしながら、視覚的なサイトマップをつなぎ合わせているため、最高のWebアクセシビリティチェッカーの1つです。 このツールはキーワードを追跡し、コンテンツの監査とインベントリを実行します。 DynoMapperは、単一または複数のWebページ、Webサイト全体、およびパスワードで保護されたページをチェックできます。 これらの結果は、計画とプロジェクトの発見のためにサイトマップに表示されます。 例えば：
（画像クレジット：DynoMapper）
DynoMapperは、WebサイトのHTMLコードを評価し、任意のURLまたはXMLファイルからサイトマップを作成します。 このツールは、リンクとサブドメインの配置に優れており、カラーコードを使用してサイトマップをカスタマイズおよび整理する機能を提供します。 評価結果は、段階的な評価ガイダンスとともにWebページに表示されます。
Webアクセシビリティをテストするために、DynoMapperは、WCAG 2.1 — W3C Webコンテンツアクセシビリティガイドライン2.1、WCAG 2.0 — W3C Webコンテンツアクセシビリティガイドライン2.0、WCAG 1.0 — W3C Webコンテンツアクセシビリティガイドライン1.0、セクション508、米国連邦調達基準、BITV、ドイツ政府基準、スタンカ法、およびイタリアのアクセシビリティ法。 また、英語で利用可能なCSS、HTML、およびXHTML形式もサポートしています。
カラーコントラストアナライザー
このWebアクセシビリティツールは、色覚異常で視力の弱い人専用です。 Paciellogroupは、Windows MacOSおよびOSX用に設計しています。ColorContrastAnalyzerは、カラーコントラスト成功基準に関するWCAG2.0ガイドラインを評価します。 Windowsはビジュアルシミュレーション機能をサポートしており、GitHubから無料でツールをダウンロードできます。
モバイルウェブアクセシビリティチェッカー
特にモバイルデバイスでWebサイトのアクセシビリティをテストする方法を知りたい場合は、このツールが適切な選択です。 Mobile Web Accessibility Checkerは、iOSモバイルデバイスでのWebアクセシビリティを検証するUserLightLtdテクノロジーです。 このツールは、単一または複数のWebページ、Webサイト全体、およびパスワードが制限されたページをチェックします。
プログラムは、URLとWebページを確認した後、評価レポートを生成し、ステートメントに段階的なガイダンスを含めます。 モバイルWebアクセシビリティチェッカーの対象となるガイドラインには、WCAG 2.0-W3C Webコンテンツアクセシビリティガイドライン2.0、WCAG 1.0-W3C Webコンテンツアクセシビリティガイドライン1.0、セクション508、および米国連邦調達基準が含まれます。 また、HTML、CSS、画像などの形式もサポートしています。 ユーザーとして、デモバージョンを試すか、有料の商用ライセンスを取得できます。
Google灯台
Google Lighthouseは、サイトがWCAG2.0に準拠しているかどうかを判断するのに役立つ最高のウェブアクセシビリティチェッカーツールの1つです。 これは、使いやすいインターフェイスでWebページの自動チェックを実行するオープンソースツールです。 このテストツールは登録する必要がなく、組み込みのChrome拡張機能により非常に便利です。
（画像クレジット：灯台）
Google Lighthouseは、ページにタイトルがあるかどうか、画像にALTタグがあるかどうか、すべてのボタンにアクセス可能な名前があるかどうかなどを確認します。このツールを使用すると、ブラウザでdevtoolsを開き、生成されたレポートで監査を実行できます。
Diib：今日のWebアクセシビリティをテストして改善してください！
自動テストと手動テストを統合すると、Webサイトのアクセシビリティをテストするためのヒントがうまく機能します。 これらのツールのいくつかは、他のツールと組み合わせてうまく機能し、あなたとあなたのユーザーに素晴らしい体験を提供します。 あなたのウェブサイトをよりアクセスしやすくすることはあなたのビジネスで下す重要な決定です。 アクセシビリティテストツールを選択するときは、サイトの要件と予算を考慮してください。
Diib Digitalは、Webテストツールと統合し、アクセシビリティとWebサイトの健全性と強度に関する重要な洞察を提供します。 きっと気に入るはずの機能のいくつかを次に示します。
- ユーザーエクスペリエンス、特にモバイルユーザー
- バウンス率の監視と修復
- ソーシャルメディアの統合とパフォーマンス。 ローカル検索が含まれています
- あなたがバックリンクを持っている壊れたページ（404チェッカー）
- キーワード、バックリンク、およびインデックスの監視および追跡ツール
- モバイル速度の最適化
- 技術的なSEOモニタリング
無料スキャンについてはここをクリックするか、800-303-3510に電話して、成長の専門家の1人に相談してください。