スクリーンショット入力で動作するAIコーディング支援ツールのアクセシビリティ監査。テキスト代替、キーボード入力、音声フィードバック、視覚支援技術なしの操作フロー検証を解説する。
シェアックリップ
シェアされたアックリップです。
そのほかの #代替テキスト・alt ピックアップ
WebAIM Million 2026年調査で明らかになった最も一般的な6つのWCAG違反について、なぜそれらが問題かを解説し、各々の修正コードを具体的に示す。
WordPress環境でのメール送信におけるアクセシビリティについて。確認メール・パスワードリセット等、ユーザーが受け取る全メッセージが読みやすく・ナビゲート可能である必要性を解説。コンテンツ・構造・デザイン・テスト実践を網羅した講座。
生成AIが画像の詳しい説明を書いても、代替テキストとして使用する前に7点の観点で編集する必要があると解説。目的・意味・装飾性・機能・文字・図表・CMS実装後の確認を通じ、見た目の正確性ではなく「見られない人にも同じ情報へ到達できるか」を基準とすべき。
Web制作の卒業制作をWCAG 2.2に沿ってセルフチェック。LightHouse、キーボード操作、代替テキストの3点から、具体的な問題点と対策を実例で解説。
スクリーンリーダーがアクセシビリティツリーを通じてWebページを読む仕組みと、alt欠落・ARIA誤用などよくある実装エラーの修正法を解説する。
HTML/CSS初心者向けのWebアクセシビリティ入門。意味のあるHTML、キーボード操作、フォーム、代替テキスト、コントラストの5点から始める基本を解説。
そのほかの #キーボード操作 ピックアップ
状態管理のバグがキーボード操作とスクリーンリーダーユーザーに異なる影響をもたらす仕組みと、デバッグの順序を解説。実装時に状態遷移表を作成することの重要性を示す。
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 で通知する実装例を解説。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
イベント 開催予定
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
点字コラムを発信する著者が、自分のアカウント名の漢字「文佳」がスクリーンリーダーで正しく読み上げられず、読者が一文字ずつ変換して対応してくれていたことに気づき、無知のうちに視覚障害のある人に負担を押しつけていたことへの反省を綴る。
スクリーンリーダーユーザーの実際の使用経験に基づき、デザイン選択がアクセシビリティにどう影響するかを解説。フォーカストラップやARIAの不適切な使用が視覚障害のあるユーザーの日常にもたらす課題を取り上げるウェビナー。
Kindle の TalkBack による読み上げ仕様が変わったため、代わりに Kindle 搭載の Assistive Reader に乗り換えたユーザーが、使いやすさ・速度・スマホ放置時の継続再生など、むしろ快適に感じた経験を記述したもの。
スクリーンリーダー NVDA を 7 年使い熟達した視覚障害のある人による省察。操作の工夫で対応できるようになったことが、サイト設計側の課題を覆い隠していないか。熟達するほど「アクセシブルであること」と「ユーザーの工夫で使える状態」の違いが見えなくなる危険性を指摘。
ウェブサイトのキーボードナビゲーション障害を自動検出するツール。スクリーンリーダー利用者が実際の操作で遭遇するフォーカス移動や状態変化への対応障害を見つけるアルゴリズムを提案する。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
非エンジニアがClaudeとGeminiを併用してWebアプリ開発した実践プロンプト集。アクセシビリティ要件の初期組み込みから、UI/UX調整、視認性強化、トラブル対処まで、実装プロセスと試行錯誤を解説。
WCAG 3.0の最新仕様を読み解き、アクセシビリティ対応における AI の役割を整理した記事。機械的な検証は AI に任せ、文脈理解と定性評価は人間が行うという役割分担の具体例と、マルチエージェントシステムなどの実装方法を提案する。
Weekend: Lumin - The Voice‑First Email App
YouTube 海外
視覚障害やロービジョンのあるユーザー向けの音声操作メールアプリLumin。創設者自身が進行性視力喪失の診断を受けたことから開発。AIと音声のみのUIで、メールの読取・返信・管理をすべて音声で操作できる。
高齢で歩行距離に制限のある祖父母の日帰り観光コースをAIに相談し、提案されたコースを実際に歩いて検証。AIの見積もりと実地の乖離、現場でのみ気づける課題を報告。
米国初の視覚障害者向けスマートグラス。生成AIによるリアルタイム音声説明で移動支援や物体識別が可能。Wi-Fi内蔵でスマホが不要な点と、視覚障害者のフィードバックを反映した仕様が特徴。