ウェブアクセシビリティ監視

問題の監視

ウェブサイトを監視した後、次に発生するアクセシビリティの問題について通知を受けることが重要です。これらの通知は適切なタイミングで受け取る必要があります。報告書を特定の時間帯に受け取ることが不便な場合、報告書を受け取る曜日を設定できるフィルタリングシステムを導入しました。A11yWatchでは、ウェブアクセシビリティの問題が発生した場合に、すぐに対処できる最も便利な方法が提供されます。

偉大なことは一人で達成することはできない

私たちは、WCAGの問題のベースレベルを収集する方法を見つけるために、最適化されたプロジェクトからフォークすることで最高のツールを選択しました。テストが現実のブラウザ上で行われ、内部または外部でJavaScriptを使用してウェブサイトが作成された場合は、パフォーマンスに影響を与えるため、テストが異なる点がパフォーマンスに影響を与えます。

ウェブアクセシビリティの監視方法は？

ウェブアクセシビリティを取り組むさまざまな方法がありますが、A11yWatchは完全にオープンソースであり、ワークフローに統合するのに役立ちます。単純なウェブサイトを監視し始めたい場合は、a11ywatch.comで簡単にサービスを利用できます。自信がある場合は、https://github.com/a11ywatch/a11ywatch/cliのCLIを使用して、プロジェクトを任意のマシンに配置することもできます。監視に参加するポイントを決定したら、ウェブサイトまたはWeb GUIを使用してアプリケーションをトラッキングリストに追加できます。

JavaScriptによる監視

A11yWatchとの統合にはさまざまな方法があり、作業効率を向上させるのに役立ちます。OpenAPIを使用したJavaScriptクライアント @a11ywatch/client を提供しており、オンデマンドで結果を取得し、更新を確認することができます。JavaScriptがお好きな言語でない場合でも、他の言語のクライアントもご利用いただけます。

import {
  createConfiguration,
  ReportsApi,
  ServerConfiguration,
} from '@a11ywatch/client'

// A11yWatchのトークンにこれを置き換えてください。
const JWT = "";

const configuration = createConfiguration({
    baseServer: new ServerConfiguration('https://api.a11ywatch.com/api', {}),
    authMethods: {
        bearerAuth: {
            tokenProvider: {
                getToken: () => {
                    return JWT
                }
            }
        }
    }
})

const api = new ReportsApi(configuration)

const report = await api.crawlWebsiteStream('chunked', {
    // 以下のURLをご希望のウェブサイトに置き換えてください。
    url: 'https://jeffmendez.com'
})

console.log(report)