AIに画像の代替テキスト作成を依頼する際の方法。W3CのAlt Decision Treeに基づき、画像の役割を判断したうえでAIに見出しと文脈を伝える指示法と、出力結果の検証方法。
シェアックリップ
シェアされたアックリップです。
そのほかの #代替テキスト・alt ピックアップ
Webレター・パーソナルメッセージの品質保証フロー。コンテンツファースト、キーボード操作可能性、見出し構造の正確性、画像の代替テキスト、prefers-reduced-motion対応、音声の操作性を含むチェックリスト。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
代替テキスト作成のアクセシビリティガイド。画像、チャート、グラフ、ダイアグラム、フローチャート、ロゴなど視覚的要素別の alt テキスト方法と WCAG 原理の深掘り解説動画。
CSSで生成されたアイコンはスクリーンリーダーに無視されるため、アイコンのみのボタンには必ず名前が必要。alternative-text構文で名前を供給する実装手法を説明。
Alt Text Matters Across Platforms
プラットフォームが変わっても、画像の説明は同じ目的を果たす必要があることを解説する動画。
altテキストの文脈的な正しさと常見の誤りを、装飾画像から複雑な図表まで幅広い例で解説する動画。
そのほかの #生成AI ピックアップ
【「おこ助AI」実演デモ】プロ向け字幕・音声ガイド制作ツール機能説明会(無料)
MASC がリリースしたバリアフリー字幕・音声ガイド制作ソフト「おこ助AI」の機能説明会と実演デモ。AI による自動文字起こし、ハコ割・原稿整形、自動スポッティングなど、制作効率化の機能を紹介。字幕・音声ガイド制作に携わる映像制作者・放送事業者向け。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
聴覚障害がある著者が、AIとの音声会話を通じて思考を整理し、記事を執筆する方法について述べている。発音練習と自己表現の両立、AIとの関係性(主導権は自分にある)、事実とフィクションの境界を大切にすることについて。
視覚に障害のある著者が Claude Code と協働してスクリーンリーディングアプリを開発した過程と、AI による支援技術開発の可能性を述べる。
医療ラベルの読みやすさ問題を検証。指示文を読める人でも投与量を計測できない。AI が生成した図解が投与量を数え間違える問題を複数モデルのチェック(Concord)で解決。70言語対応。
世界のアクセシビリティ・支援技術トレンド。AI活用とプライバシー保護の課題、障害者が主導する設計への転換、新しい支援ガジェットなど、複数のニュースをキュレーション。
そのほかの #WCAG ピックアップ
(引用)アクセシビリティを、デザインの基本に。 本書は、年齢や障害の有無、利用環境にかかわらず、あらゆるユーザーが必要な情報や体験を得られるよう、「アクセシビリティ」をデザインの初期段階から組み込むための考え方と実践を学べるハンドブックです。 日本でもデジタル庁がウェブアクセシビリティの導入を推進し、「誰一人取り残されない、人に優しいデジタル化」が目指されています。アクセシビリティは、一部の人のための特別…
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
WCAG 2.2 もくもく会 #13 ~ ガイドライン 4.1 互換性 ~
WCAG 2.2 のガイドライン 4.1 互換性を読み合い、学んだことを共有する勉強会。毎月第3木曜日はオフライン交流会も開催される。
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
モバイル表示で幅広いテーブルがページ横スクロールを引き起こす問題。テーブルをスクロール可能なコンテナで包み、キーボード利用者が操作できる実装方法を説明。
そのほかの #W3C ピックアップ
Interop 2027でのアクセシビリティ関連の機能優先順位付け。focusgroup属性、ariaNotify() APIなどの提案機能を紹介。
WebMCPの提案に対して、人と支援技術が利用するHTML・ARIAなどの共有レイヤーを改善するべきで、エージェント向けの別の意味レイヤーを作るべきではないと主張する記事。アクセシビリティのベストプラクティスを強化する設計の重要性を述べている。
AIエージェント対応のあり方についての技術的な考察。WebMCPとARIAのアプローチ、WebKitなど各ブラウザエンジンの見解から、サイト実装の優先順位を検討する。
動画の音声をAIで文字起こしした場合、映像にしかない操作手順や指示を記事に補足する編集手順。視覚情報なしで内容を追えるようにするW3C基準のブログ編集方法。
WCAG 2.2 もくもく会 #11 ~ ガイドライン 3.2 予測可能 ~
WCAG 2.2 ガイドライン 3.2「予測可能」を題材にした読み合い勉強会。毎月開催で、第3木曜日はオフライン参加&交流会も実施。誤訳報告や翻訳提案は GitHub リポジトリで受け付けている。
X投稿の画像説明の書き方。写真と図解で異なるアプローチ、伝えたい情報の選び方、見える情報を客観的に言葉にする手法をW3C公式案内をもとに紹介。