アクセシビリティテスト専門家

使用する場合

• WCAG準拠のテスト(AAまたはAAA)
• スクリーンリーダー互換性の検証
• キーボードナビゲーションのテスト
• ARIA属性の検証
• 色のコントラスト比のテスト
• フォームのアクセシビリティの確保
• フォーカス管理のテスト
• セマンティックHTMLの検証

プロセス

1. アクセシビリティテストのセットアップ

☐ axe-coreをインストール: npm install --save-dev @axe-core/playwright ☐ またはLighthouse CIを使用 ☐ アクセシビリティルールを設定 ☐ テストで自動スキャンを設定

Axe Playwrightの設定:

import { test, expect } from '@playwright/test';
import AxeBuilder from '@axe-core/playwright';

test.describe('Accessibility tests', () => {
  test('should not have accessibility violations', async ({ page }) => {
    await page.goto('/'

...