テーブルデータをCSSグリッドで実装するとスクリーンリーダー・SEO・AI抽出のすべてで情報関係が失われる。セマンティック`<table>`要素を使うべき理由を実例で解説。
シェアックリップ
シェアされたアックリップです。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。
Curbcut
記事 海外
AIエージェントチームで開発された小規模エージェンシー向けの無料アクセシビリティスキャナー。その開発プロセスとツールの限界を述べている。
画像の必要性を根本から問い直す。見えない人にとって意味がある場合、代替テキストが必要であることを示す。装飾的と見なされる画像も、実質的な意義の有無を判断する枠組みを提案。
Android でアクセシビリティサービスを使用する AI エージェント開発で、権限取得、OEM 間のデバイス差異、アプリ更新への対応など本番環境で直面する課題と実装上の対策を説明している。
自動アクセシビリティチェッカーを通過した文書でも、ユーザーにバリアが生じうることを説明。手動レビュー、適切なドキュメント構造、支援技術によるテストの必要性を述べる。
そのほかの #WAI-ARIA ピックアップ
画像の必要性を根本から問い直す。見えない人にとって意味がある場合、代替テキストが必要であることを示す。装飾的と見なされる画像も、実質的な意義の有無を判断する枠組みを提案。
ストリーミングチャットインターフェースで、サーバーハートビートをトークンと誤認識し、スクリーンリーダーユーザーに状態が更新されないままになる問題を解決。状態機械の設計と適切な live region 更新の必要性を解説。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
CAPTCHA の代わりにハニーポットを使って、スクリーンリーダー利用者に負担をかけずにスパムボットを検出する実装方法。フロントエンドとサーバー側の検証を解説。
WebMCPの提案に対して、人と支援技術が利用するHTML・ARIAなどの共有レイヤーを改善するべきで、エージェント向けの別の意味レイヤーを作るべきではないと主張する記事。アクセシビリティのベストプラクティスを強化する設計の重要性を述べている。
ネイティブダイアログ要素でモーダル閉じ込めとフォーカス移動を検証するためのテストフィクスチャとテスト方法を解説。フォーカスリーク防止と複数ブラウザでの検証の重要性を説明している。