アクセシブルなメディアプレーヤー「Able Player」v4.8.0とWordPress向けプラグイン2.3.0が同時リリース。変更点の詳細を解説。
シェアックリップ
シェアされたアックリップです。
そのほかの #動画 ピックアップ
ハプティクス（触覚技術）の基礎から応用を学ぶ講習会。基調講演、技術デモ体験会、オンデマンド講義動画を通じて、医療・福祉、ロボティクス、VR など様々な分野での触覚技術の応用事例を紹介。
聾者・難聴者や音声視聴できない環境での動画アクセシビリティを実現する、無料でローカル処理できる字幕生成ツール OpenSubs の使い方ガイド。音声認識・翻訳・スタイル設定からエクスポートまで。
WP Accessibility Day 2026 Preview with Guest Ryan Bracey | Fast Friends Beer Co Vienna Style Lager
YouTube 海外
WordPress Accessibility Day 2026（10月7-8日）の開催前インタビュー。88件のスピーカー応募から選定した多様なセッション構成、偏見削減のための匿名レビュープロセス、GitHubのアクセシビリティ責任者Ed Summersのキーノートを紹介。
盲ろう者は来客をどう知る？
YouTube
盲ろうの小林さんは、かわいいものが大好き！
YouTube
盲ろう者が日常の持ち物とお気に入りグッズを紹介する動画。ピンク色とスヌーピーが好きな理由など、本人の視点から表現する。
そのほかの #WAI-ARIA ピックアップ
Shadow DOM を使用した Web コンポーネントでスクリーンリーダーが情報を正しく認識しない問題と、その解決方法を技術的に解説。delegatesFocus、ARIA 属性、aria-hidden の活用などの実装パターンを紹介。
自動化されたインテリジェント・ガイド・テストが、キーボード操作やフォーカス動作など手動では時間を要するテストを自動化。開発者が数秒で結果を確認でき、AIの判定を人間が検証・修正することで、テスト効率を劇的に向上させる。
AIエージェントが画面を操作するとき、見た目よりセマンティックな構造が重要。意味を明示するとUIの操作成功率が43%から90%に向上する。
ブラウザが DOM から構築するアクセシビリティツリーの仕様と構造。Role・Name・State・Value の計算ルール、OS 別 API への変換、支援技術との連携メカニズムを技術的に解説。
noteエディタの見出し画像ボタンのaria-label欠落により、Playwright自動化テストが失敗。同じ欠落がスクリーンリーダーにも影響することを指摘し、位置・サイズで検索する回避策を解説。
React でメールフォームを状態管理（idle、editing、invalid、submitting、success、server error）で構築し、ARIA を用いてアクセシビリティを確保する実装パターン。ユーザーへの段階的情報提供を重視。
そのほかの #キーボード操作 ピックアップ
AI チャット UI でタブが非表示になるとストリーミング状態が更新されず、キーボード操作と スクリーンリーダー利用が中断される問題を技術的に解説。Page Lifecycle API による適切な状態管理を提案。
自動化されたインテリジェント・ガイド・テストが、キーボード操作やフォーカス動作など手動では時間を要するテストを自動化。開発者が数秒で結果を確認でき、AIの判定を人間が検証・修正することで、テスト効率を劇的に向上させる。
キーボードユーザーがナビゲーション部分をスキップしてメインコンテンツへ直接アクセスできるスキップリンク機能の実装方法とテスト手法を解説。WCAG 2.4.1準拠のための基本的なアクセシビリティ実装。
AI 生成テキストをストリーミング表示する際、未完成の Markdown 構造が不正な見出しやリンクになり、スクリーンリーダー・キーボード利用者に虚偽の情報を伝える問題を分析。状態管理と ARIA 属性による解決法を提示。
状態管理のバグがキーボード操作とスクリーンリーダーユーザーに異なる影響をもたらす仕組みと、デバッグの順序を解説。実装時に状態遷移表を作成することの重要性を示す。
CSSのreading-flowプロパティを使い、flexboxやgridで視覚順序が変わった際のフォーカス順序と視覚の乖離を解決。キーボード操作とスクリーンリーダー対応を同時に実現する方法を解説。