W3Cの画像チュートリアルに基づき、画像の役割に応じた代替テキスト作成の考え方と、AIへの指示方法や確認手順を記した実践シート。
シェアックリップ
シェアされたアックリップです。
そのほかの #代替テキスト・alt ピックアップ
インタラクティブ動画プレイヤー hihaho の9月アップデート。キーボード操作で再生・字幕・スキップができ、スクリーンリーダーで状態と結果が読み上げられるように対応。画像代替テキスト機能も追加。
WordPress のオルタナティブテキスト生成に生成AI を倫理的に活用する方法を探索。管理者の作業軽減と同時に、コンテンツ作成者がスクリーンリーダーコンテキストを学べるUI設計(benevolent friction)について議論する。
代替テキストと説明文の書き方を学ぶ実践教材。「見た目」ではなく「ページで伝えたいこと」に焦点を当てた画像説明の考え方を、実例とAI指示文で指導。W3C WAI の画像説明ガイドに基づいている。
画像の説明は代替テキスト・キャプション・本文の3つの場所に役割を分けて置く方法論を解説。それぞれの目的や読み手の状況によって説明の内容や分量が変わる。W3C WAIのガイダンスに基づき、実際の制作手順を示す。
Web開発者・デザイナー向けのブラウザ型アクセシビリティツール集。色コントラスト、代替テキスト、見出し構造、キーボード操作、フォーム、WCAG対応をカバー。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス(見出しタグの誤り、画像の処理、フォームラベルの欠落など)を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
WebAIM によるスクリーンリーダー利用者調査(第11回)の結果分析。JAWS と NVDA の利用傾向の変化、地域による差、ブラウザ利用状況、AI 利用、スキップリンク利用率の報告。
生成AIのストリーム出力をキャンセルした後も、スクリーンリーダーが遅延テキストを読み上げる競合状態バグの原因特定と修正方法。UI状態管理を状態テーブルで明確化することで根本原因(クライアント側のストリーム継続)を解明する開発プロセス。
ストリーム型のAI生成UIにおいて、キャンセル操作時にフォーカスを失い、古い状態の通知がスクリーンリーダーで宣言される問題を分析。WAI-ARIAのライブリージョンとフォーカス管理の実装パターンと、デバッグ手法を具体的に解説している。
Word文書のアクセシビリティについて、見出し、表、読む順序がコンテンツへのアクセスに与える影響を解説するライブ講座。
自動テストのカバー率は、ツール自体ではなく監査方法論に依存する。100監査の実データから、数字の意味を理解する重要性を説く。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
視覚障害で見えにくくなった著者が、生成AI(Claude)の助けを借りてアクセシブルなスライド動画作成ツール「UDスライド動画工房」を開発。音声に合わせて自動的にスライド長を決める設計で、大きなフォント・高コントラスト・キーボード操作のみで対応。
Windows 11 Narrator の画像説明機能が、NPU 非搭載の通常 PC ではハルシネーション(AI の幻覚)を起こし不正確な出力になる問題と、その技術的背景、ユーザーの自衛策について。
生成AIのストリーム出力をキャンセルした後も、スクリーンリーダーが遅延テキストを読み上げる競合状態バグの原因特定と修正方法。UI状態管理を状態テーブルで明確化することで根本原因(クライアント側のストリーム継続)を解明する開発プロセス。
ストリーム型のAI生成UIにおいて、キャンセル操作時にフォーカスを失い、古い状態の通知がスクリーンリーダーで宣言される問題を分析。WAI-ARIAのライブリージョンとフォーカス管理の実装パターンと、デバッグ手法を具体的に解説している。
生成AI(Claude)が撮影画像やPDFの内容を読み取り・解析する機能を活用し、視覚障害のある人の日常的な困りごと(テキスト認識・情報抽出・細部確認)を解決する方法をデモンストレーション。VoiceOver(iOSスクリーンリーダー)の初級ガイド。