Chrome 150で予定されていたfocusgroup属性の仕様検証が、property gateで保留中となった経緯を記録。キーボードナビゲーション実装の未来標準に関する技術報告。
シェアックリップ
シェアされたアックリップです。
そのほかの #キーボード操作 ピックアップ
AI 生成テキストをストリーミング表示する際、未完成の Markdown 構造が不正な見出しやリンクになり、スクリーンリーダー・キーボード利用者に虚偽の情報を伝える問題を分析。状態管理と ARIA 属性による解決法を提示。
状態管理のバグがキーボード操作とスクリーンリーダーユーザーに異なる影響をもたらす仕組みと、デバッグの順序を解説。実装時に状態遷移表を作成することの重要性を示す。
CSSのreading-flowプロパティを使い、flexboxやgridで視覚順序が変わった際のフォーカス順序と視覚の乖離を解決。キーボード操作とスクリーンリーダー対応を同時に実現する方法を解説。
同じHTMLを異なるCSSリセットで実装した3パターンを比較。:focusでアウトラインを削除するCSSリセットがキーボードユーザーのフォーカス追跡を不可能にする問題と、:focus-visibleによる解決法を実装で検証している。
同じHTMLを異なるCSSリセットで実装した3パターンを比較。:focusでアウトラインを削除するCSSリセットがキーボードユーザーのフォーカス追跡を不可能にする問題と、:focus-visibleによる解決法を実装で検証している。
AIチャットの応答遅延時に、何も起きていない状態がキーボード・スクリーンリーダーユーザーに伝わらない問題を指摘。フォーカス消失や live region 更新の不備を具体的に説明し、待機・ストリーミング・スタール等の状態遷移を accessible name と live region で通知する実装例を解説。
そのほかの #W3C ピックアップ
W3C WAI の WCAG 3.0 Working Draft(2026年9月版)の更新を解説。適合要件が単一レベルに統一され、階層化されたレポート体制が導入された。
WCAG 3.0の主要な変更点(範囲拡大、新しい評価構造、スコアリングシステム、ユーザビリティテスト導入、AI/機械学習への対応)を解説している記事。特にユーザビリティテストとAPCA(新しいコントラスト計測方法)の詳細を説明
W3C Accessibility Guidelines (WCAG) 3.0 Working Draftが9月に更新された。
WCAGテクニックで使用されるウェブ技術の対応状況を検証するAS情報についてまとめたページを更新し、検証手法を学ぶ体験会を開催する。
ウェブアクセシビリティの専門家25人とのインタビューシリーズ。WCAG、HTML、支援技術など、業界の知見を対話形式で発信。
W3Cが開発中のWCAG 3.0について、現行WCAG 2.1 AAとの違い、合格・不合格チェックリストから成果ベースのスコアリングモデルへの転換、認知アクセシビリティと低視力への対応を解説。