Live Website Remediation with Brian Coords
YouTube 海外
WordPress Developer Advocate が実際のウェブサイトに対してアクセシビリティの問題を修復するライブセッション。WordPress Accessibility Meetup グループ主催。
シェアックリップ
シェアされたアックリップです。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。
WCAG 2.1のコントラスト比判定を相対輝度から計算し、5つの基準（AA/AAA通常文字/大文字、UI要素）に対応するTypeScriptの実装方法を解説。背景色に応じた合格色の自動提案アルゴリズムも含む。
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
ランディングページのキーボードアクセシビリティチェック。フォーカスリングの表示確認方法、:focus-visible による CSS 実装例、Tab キーで行う手動確認フローを解説。
そのほかの #WAI-ARIA ピックアップ
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
Five tour notes that are always in the DOM, and a tour that will not start until you scroll to it
記事 海外
Webアプリケーションのツールチップツアーのアクセシブルな実装。DOMに常に存在させることでスクロール時の位置ずれを回避し、スクリーンリーダー対応する手法を解説。
Interop 2027でのアクセシビリティ関連の機能優先順位付け。focusgroup属性、ariaNotify() APIなどの提案機能を紹介。
ブレッドクラムコンポーネントの実装例を紹介。型定義で最後の項目の href を省き、HTML では aria-current="page" と aria-hidden を使い分け、JSON-LD では position を 1 から始めてリンクのない項目の item を省く設計。
React で一時メール確認フローを実装する際、ステートマシンで状態を明示的に管理し、aria-live で状態変化を通知。ポーリング時に cancelled フラグで不要なレンダリングを避け、アクセシビリティと性能の両立を実現する。
メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。
そのほかの #見出し構造 ピックアップ
ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
Word文書のアクセシビリティについて、見出し、表、読む順序がコンテンツへのアクセスに与える影響を解説するライブ講座。
セマンティック HTML がスクリーンリーダーや支援技術でいかに機能するか、ランドマーク・見出し・フォーム要素の正しい使用の重要性を解説する。
Web開発者・デザイナー向けのブラウザ型アクセシビリティツール集。色コントラスト、代替テキスト、見出し構造、キーボード操作、フォーム、WCAG対応をカバー。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス（見出しタグの誤り、画像の処理、フォームラベルの欠落など）を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。
そのほかの #勉強会・meetup ピックアップ
教職員向けの実践交流会。現場の先生によるリアルな実践発表と交流を通じて、自身の指導や支援のヒントを得る。
ピア・サポート（子ども同士のサポート）で、教室の問題解決と連携の仕組みを学ぶ研修。
国内外のインクルーシブダンス振付家による共同創作作品のショーケース。韓国、カンボジア、イギリスからの振付家と日本の実践者が協働し、障害の有無や国境を越えた身体表現の可能性を探る。
ディスレクシア、聴覚障害、認知・知能検査など、多様な学習者を支える英語教育について学べる全国大会。理論と実践を深め、英語教育と特別支援教育の関係者や保護者が対象。
認定リードユーザーと一緒に学ぶアクセシビリティ体験ワークショップ。
聴覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。