AIに画像の代替テキストを頼むときは、見た目を列挙するのではなく、その図で補いたい内容を渡すことを説明した記事。リンクから記事への矢印を説明文に残し、実際の操作結果ではないと本文で注記した例を挙げている。
シェアックリップ
シェアされたアックリップです。
そのほかの #代替テキスト・alt ピックアップ
画像の代替テキストは、写っているものを書く前に、情報・飾り・リンクのどの役割を担っているかを考えるべきだと説明した記事。空の代替テキストを使う場面や、AIへ依頼するときに役割を伝える方法も扱っている。
企業のSNSで写真に付ける代替テキストの書き方を3つのポイントで解説する記事。写真の主役と動作を書くこと、写真の意味が伝わる情報を加えること、SEO向けのキーワードを詰め込まないことを挙げる。
HTMLのimg要素を、alt属性がない、空白だけ、文字がある、の3つに分け、人が確認すべき候補を出すNode.jsの最小例を紹介する。適合の判定ではなく、装飾画像では空のaltが適切な場合もあると注意する。
ランディングページの画像について、alt属性の付け方を1分で点検する手順を示す記事。情報を伝える画像には内容を、装飾の画像には空のalt属性を付けるよう説明し、属性がない画像はスクリーンリーダーがファイル名を読み上げることがあると述べる。
WCAG が装飾的な画像を支援技術から隠してよいとする扱いを、使いすぎだと指摘する記事。画像が見る人の理解や印象に影響しうるため、支援技術から隠す前に、画像が何を加えているかを考えるべきだとする。
noteの画像で、キャプションと代替テキスト(ALT)をどう使い分けるかを、売れ筋の有料記事371本の調査をもとに説明する記事。見える人への補足はキャプション、画像の代わりは代替テキストに書くという分け方を示す。
そのほかの #生成AI ピックアップ
【「おこ助AI」実演デモ】プロ向け字幕・音声ガイド制作ツール機能説明会(無料)
MASC がリリースしたバリアフリー字幕・音声ガイド制作ソフト「おこ助AI」の機能説明会と実演デモ。AI による自動文字起こし、ハコ割・原稿整形、自動スポッティングなど、制作効率化の機能を紹介。字幕・音声ガイド制作に携わる映像制作者・放送事業者向け。
画像の代替テキストは、写っているものを書く前に、情報・飾り・リンクのどの役割を担っているかを考えるべきだと説明した記事。空の代替テキストを使う場面や、AIへ依頼するときに役割を伝える方法も扱っている。
生成AIが作るフォーム部品のアクセシビリティを、モデル・指示文・評価の測り方の違いで比べた研究(PACE)を、著者が紹介する。自動チェックでは分からない、ラベルの意味やキーボード操作、エラーからの回復を確かめる必要を論じる。
Microsoft Teams のアクセシビリティ・アーキテクトで、ろう者である人物が、Copilot を使って利用者の体験から得た知見をコードの改善に結びつける様子を紹介する。本人によれば、数日かかっていた作業が10〜15分で済むようになったという。
Using Accessibility Checker Pro + Claude AI to Remediate a Large WordPress Site: Courtney Robertson
WordPress の大量の記事を、アクセシビリティ検査ツールの結果をもとに Claude Code で修正した事例の発表である。YouTube の埋め込みを字幕付きプレーヤーへ置き換えるなどの修正で、AI が正しく直せた箇所と人の確認が要った箇所を示す。