ぐるなびウエディングのリニューアル事例で、カレンダーコンポーネントのキーボード操作対応とWAI-ARIA実装の工夫を、デザイナーとの協力プロセスを交えて解説している。
シェアックリップ
シェアされたアックリップです。
そのほかの #キーボード操作 ピックアップ
ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
ネイティブダイアログ要素でモーダル閉じ込めとフォーカス移動を検証するためのテストフィクスチャとテスト方法を解説。フォーカスリーク防止と複数ブラウザでの検証の重要性を説明している。
業務システムのマウス操作による手首の負担を、キーボード操作で解決した経験から、アクセシビリティの本質を考える。相手の困りごとに寄り添い、摩擦を減らす設計思想の重要性について述べる。
ストリーム型のAI生成UIにおいて、キャンセル操作時にフォーカスを失い、古い状態の通知がスクリーンリーダーで宣言される問題を分析。WAI-ARIAのライブリージョンとフォーカス管理の実装パターンと、デバッグ手法を具体的に解説している。
インタラクティブ動画プレイヤー hihaho の9月アップデート。キーボード操作で再生・字幕・スキップができ、スクリーンリーダーで状態と結果が読み上げられるように対応。画像代替テキスト機能も追加。
そのほかの #企業事例 ピックアップ
フランスの映画アクセシビリティ推進団体「ルテゥール・ディマージュ」とのオンラインセミナー。音声描写（オーディオディスクリプション）の制作・品質保証と、映画産業における情報保障の社会的価値を問い直す。日仏の比較から、障害のあるクリエイターの仕事の可視化と上映環境の向上を考える。
成田空港が障害のある人の参加により改善を重ねてきたユニバーサルデザイン推進の考え方と具体的な取り組み事例について、経営計画側とUD推進側の講演者が解説するセミナー。
色画用紙から考える、ものづくりとCUD
イベント 開催予定
色画用紙を例にしたカラーユニバーサルデザイン学習会。大王製紙との対話を通じ、ものづくりとCUDの関係を考えるオンラインイベント。
「誰もどれも取り残さない」は、どうつくる？｜PROJECT SOLITの実践
イベント 開催予定
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
2026 Gartner Magic Quadrant for Digital Accessibility で Leader として認定。アクセシビリティ エンジニアリング プラットフォームとして、AI 駆動型ワークフロー、開発チーム統合、柔軟なデプロイメントオプションが評価される。
NASA's Artemis Webinar for Blind People: RS-25 Engines, Blind Engineers and Accessible Space
YouTube 海外
NASA が盲人・低視力者向けに開催したウェビナー。盲人エンジニア2名を含むパネルが RS-25 ロケットエンジンと NASA でのキャリア、宇宙ミッションのアクセシビリティを解説。AI ツール、音響化、オーディオディスクリプション等を活用。
そのほかの #WAI-ARIA ピックアップ
画像の必要性を根本から問い直す。見えない人にとって意味がある場合、代替テキストが必要であることを示す。装飾的と見なされる画像も、実質的な意義の有無を判断する枠組みを提案。
ストリーミングチャットインターフェースで、サーバーハートビートをトークンと誤認識し、スクリーンリーダーユーザーに状態が更新されないままになる問題を解決。状態機械の設計と適切な live region 更新の必要性を解説。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
CAPTCHA の代わりにハニーポットを使って、スクリーンリーダー利用者に負担をかけずにスパムボットを検出する実装方法。フロントエンドとサーバー側の検証を解説。
WebMCPの提案に対して、人と支援技術が利用するHTML・ARIAなどの共有レイヤーを改善するべきで、エージェント向けの別の意味レイヤーを作るべきではないと主張する記事。アクセシビリティのベストプラクティスを強化する設計の重要性を述べている。
ネイティブダイアログ要素でモーダル閉じ込めとフォーカス移動を検証するためのテストフィクスチャとテスト方法を解説。フォーカスリーク防止と複数ブラウザでの検証の重要性を説明している。