視覚障害者である筆者がキーボード操作のみでウェブサイトを利用する実例を通じ、キーボード操作対応の重要性と実装方法を解説する連載である。
シェアックリップ
シェアされたアックリップです。
そのほかの #キーボード操作 ピックアップ
状態管理のバグがキーボード操作とスクリーンリーダーユーザーに異なる影響をもたらす仕組みと、デバッグの順序を解説。実装時に状態遷移表を作成することの重要性を示す。
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 で通知する実装例を解説。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
そのほかの #視覚障害 ピックアップ
中途失明者である著者が、失明と向き合う日々の経験や思いを綴ったエッセイ。
Sight Tech Global 2026
イベント 海外 開催予定
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
視覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
インクルーシブ経営者サミット2026
イベント 開催予定
身体障害を持ちながら事業を築いてきた経営者たちの挑戦を通じて、多様な視点から生まれる事業や社会への貢献を発信するカンファレンス。
フランスの映画アクセシビリティ推進団体「ルテゥール・ディマージュ」とのオンラインセミナー。音声描写（オーディオディスクリプション）の制作・品質保証と、映画産業における情報保障の社会的価値を問い直す。日仏の比較から、障害のあるクリエイターの仕事の可視化と上映環境の向上を考える。
NO LOOK PARK
イベント 開催予定
アイマスク装用で視力を使わない状態でゲーム・駄菓子選び・書道などを楽しむイベント。視覚障害者と晴眼者がともに企画・実施。