スクリーンリーダーやキーボード操作ユーザーを含むすべての利用者にとって使いやすいボタン設計をイギリス手話で解説する。
シェアックリップ
シェアされたアックリップです。
そのほかの #キーボード操作 ピックアップ
ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
ネイティブダイアログ要素でモーダル閉じ込めとフォーカス移動を検証するためのテストフィクスチャとテスト方法を解説。フォーカスリーク防止と複数ブラウザでの検証の重要性を説明している。
業務システムのマウス操作による手首の負担を、キーボード操作で解決した経験から、アクセシビリティの本質を考える。相手の困りごとに寄り添い、摩擦を減らす設計思想の重要性について述べる。
ストリーム型のAI生成UIにおいて、キャンセル操作時にフォーカスを失い、古い状態の通知がスクリーンリーダーで宣言される問題を分析。WAI-ARIAのライブリージョンとフォーカス管理の実装パターンと、デバッグ手法を具体的に解説している。
インタラクティブ動画プレイヤー hihaho の9月アップデート。キーボード操作で再生・字幕・スキップができ、スクリーンリーダーで状態と結果が読み上げられるように対応。画像代替テキスト機能も追加。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
スクリーンリーダーユーザーや検索エンジン、低速接続ユーザーのための代替テキスト(alt属性)の書き方。何を含めるべきか、何を避けるべきかを具体例で示している。
ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
盲目・ロービジョンユーザーがスクリーンリーダーを使って独立してビデオ編集を行うためのシリーズ第1回。編集アプリ『Tech Assistant』の使い方を解説し、ビデオから不要部分を削除する手順を示す。従来ビデオ編集はアクセシビリティバリアとされてきたが、このアプリがその障壁を低くしている。
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
そのほかの #聴覚障害・聞こえの困りごと ピックアップ
(引用)きこえない親をもつ子ども「コーダ」という言葉は広く知られるようになりましたが、きこえない親を守るいい子、というイメージを抱かれがちです。親との会話や学校での悩み、通訳の負担、進路や恋愛、そして、親の老い。コーダが担うものは置かれた環境によりさまざまです。本書は、自身もコーダである著者が、数十人のコーダの<語り>から見えた「問い」を整理しQ&A形式でまとめた一冊です。正解を示すのではなく、自分の歩み…
ディスレクシア、聴覚障害、認知・知能検査など、多様な学習者を支える英語教育について学べる全国大会。理論と実践を深め、英語教育と特別支援教育の関係者や保護者が対象。
聴覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
橋本紗貴×伊藤史人 講演会 ~見えない。聞こえない。それでも、学ぶ。挑む。~
盲ろう・四肢麻痺のある特別支援学校教諭が、支援技術を活用した大学進学から教員採用試験、さらなる夢への挑戦を語る。本人と支援技術研究者による対談で、テクノロジーと人的支援が可能性をどう広げるかを探る。
インクルーシブ経営者サミット2026
身体障害がありながら事業を築いてきた経営者たちの挑戦を通じて、多様な視点から生まれる事業や社会への貢献を発信するカンファレンス。
第4回 シアターリーブラ 『ぼくが生きてる、ふたつの世界』
ろう者・難聴者の子(コーダ)が、聴者と聴覚障害者の二つの世界のあいだで生きることの葛藤を描く映画。手話や視線、表情を駆使したコミュニケーションが見どころ。バリアフリー字幕版で上映。
そのほかの #ガイドライン ピックアップ
デジタル庁ガイドブック第3章「非干渉」基準を解説。自動再生音声の制御、キーボードトラップ回避、光の点滅制限、自動コンテンツ切り替え禁止の4つの基準について、リリース前に必ず対応する必要性と改修方法を述べる。
企業の複数 Web サイトのガバナンス診断方法論。外形診断とヒアリングの 2 層アプローチ、計測・個人情報・アクセシビリティなど 6 つの診断観点、見えない統制を「なし」と誤報告しない所見の書き方を解説。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
ウェブアクセシビリティを始める人向けの書籍を、初学者向けから実装・テスト・インクルーシブデザインまで段階別に体系的に紹介。各書籍の特徴・対象読者・媒体情報を解説し、個人での開始にも組織導入にも対応できるリソース紹介。
デジタル庁デザインシステムの活用方法。「見やすくする」がコントラスト比などで具体的に定義でき、入力欄設計やエラーメッセージの扱いまで実装レベルでガイドされる。Figma・HTML・React サンプルも提供される、組織で共有できる設計資料。
ブログに掲載する表の設計方法を解説する。W3C WAIのガイドラインに基づき、行と列の見出しを明確に決めることで、セルの意味が自明になる表を作成する方法を述べる。AIへの依頼文とチェックリスト付き。