スクリーンショット入力で動作するAIコーディング支援ツールのアクセシビリティ監査。テキスト代替、キーボード入力、音声フィードバック、視覚支援技術なしの操作フロー検証を解説する。
シェアックリップ
シェアされたアックリップです。
そのほかの #代替テキスト・alt ピックアップ
WordPress のオルタナティブテキスト生成に生成AI を倫理的に活用する方法を探索。管理者の作業軽減と同時に、コンテンツ作成者がスクリーンリーダーコンテキストを学べるUI設計（benevolent friction）について議論する。
代替テキストと説明文の書き方を学ぶ実践教材。「見た目」ではなく「ページで伝えたいこと」に焦点を当てた画像説明の考え方を、実例とAI指示文で指導。W3C WAI の画像説明ガイドに基づいている。
画像の説明は代替テキスト・キャプション・本文の3つの場所に役割を分けて置く方法論を解説。それぞれの目的や読み手の状況によって説明の内容や分量が変わる。W3C WAIのガイダンスに基づき、実際の制作手順を示す。
Web開発者・デザイナー向けのブラウザ型アクセシビリティツール集。色コントラスト、代替テキスト、見出し構造、キーボード操作、フォーム、WCAG対応をカバー。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス（見出しタグの誤り、画像の処理、フォームラベルの欠落など）を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。
Unicode スクリプト文字の技術的仕組みと、検索・スクリーンリーダー対応・文字列長への影響を解説。装飾的な文字とアクセシビリティの衝突を示す。
そのほかの #キーボード操作 ピックアップ
業務システムのマウス操作による手首の負担を、キーボード操作で解決した経験から、アクセシビリティの本質を考える。相手の困りごとに寄り添い、摩擦を減らす設計思想の重要性について述べる。
モーダルダイアログの開閉時のキーボードフォーカス管理について。フォーカスをダイアログ内に留める方法、Escapeキーでの閉じ方、クローズ後のフォーカス戻り先の実装パターンを解説している。
アイコンの見た目の大きさと実際のクリック領域（ターゲットサイズ）の違いについて。WCAG 2.2の24×24ピクセル基準を満たすための実装パターンと検証方法を解説している。
VIN入力フォームのアクセシビリティ実装について。ラベル、エラーメッセージの表示、live regionsによるスクリーンリーダー対応、フォーカス管理の具体的なコードパターンを解説している。
JavaScript で実装されたナビゲーション（button onClick）では AI クローラーにリンクが見つけられない問題と、HTML anchor タグで href を使った正しい実装方法について。
カスタム要素を使ったタビングインターフェースの実装方法を紹介。ARIAロール、キーボード操作（矢印キー・Home/End・Enter/Space）、フラグメント識別子による初期状態設定など、アクセシビリティを考慮した設計を詳しく解説する。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
Windows 11 Narrator の画像説明機能が、NPU 非搭載の通常 PC ではハルシネーション（AI の幻覚）を起こし不正確な出力になる問題と、その技術的背景、ユーザーの自衛策について。
Claude Code CLIのアクセシビリティ対応報告を紹介。読み上げ向けの情報の順番と状態通知の工夫を通じて、社内AIツール選びで「性能」以外に確認すべき項目を考える。
カスタム作成した UI 要素がスクリーンリーダーに役割と状態を伝えていない WCAG 4.1.2 の失敗パターンを解説。ネイティブ HTML 要素の利用と正しい ARIA role 付与の重要性を説明
VIN入力フォームのアクセシビリティ実装について。ラベル、エラーメッセージの表示、live regionsによるスクリーンリーダー対応、フォーカス管理の具体的なコードパターンを解説している。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
Windows 11 Narrator の画像説明機能が、NPU 非搭載の通常 PC ではハルシネーション（AI の幻覚）を起こし不正確な出力になる問題と、その技術的背景、ユーザーの自衛策について。
Gemini Liveの「Guided Vision」機能の使い方解説。スマートフォンのカメラを使ってAIが周囲の物や文字を音声で説明する、視覚障害や弱視向けの支援機能。Android設定、TalkBackとの連携、使用例を紹介する一方で、医療機器やナビゲーション代替ではないことを明記。
Claude Code CLIのアクセシビリティ対応報告を紹介。読み上げ向けの情報の順番と状態通知の工夫を通じて、社内AIツール選びで「性能」以外に確認すべき項目を考える。
Gemini Liveの『Guided Vision』機能についてのAndroid向けガイド。カメラ映像を共有してAIが音声で支援する機能で、日用品探しや小さい文字確認などの用途を想定。ナビゲーションや障害物検知には使わないよう安全上の注意が明示されている。
WordPress のオルタナティブテキスト生成に生成AI を倫理的に活用する方法を探索。管理者の作業軽減と同時に、コンテンツ作成者がスクリーンリーダーコンテキストを学べるUI設計（benevolent friction）について議論する。