Alt Text Isn't Optional: Accessibility and SEO in One Fix 代替テキストは必須: アクセシビリティと SEO
画像の代替テキスト設定がアクセシビリティと検索エンジン最適化の両面で必須であることを、視覚障害のあるユーザーの利用シーンから解説。
画像の代替テキスト設定がアクセシビリティと検索エンジン最適化の両面で必須であることを、視覚障害のあるユーザーの利用シーンから解説。
PDFアクセシビリティをチェックするツール「PDF4WCAG」を紹介。メタデータ、タグ、見出し、代替テキストの検証方法とベストプラクティスを解説。
Fluent UI 2のアイコンのセマンティック目的とアクセシビリティ対応について解説する技術記事。デザインシステムにおけるアクセシビリティの実装方法を論じている。
Fluent UI 2のImageコンポーネントのアクセシビリティを含むレイアウト設計について解説する技術記事。支援技術への意味情報の伝達方法を論じている。
フローチャートの段階や意思決定フローの順序を説明する代替テキストの書き方。教育現場での図解検証とアクセシビリティ手法。
iOS 27のFoundation Modelsを使い、欠落した画像のalt textをオンデバイスで自動生成。視覚障害ユーザーがスクリーンリーダーで画像を認識できるようにするフォールバック機能を解説。
PDFの自動タグ付け機能によって、ドキュメントの視覚的完全性を保証しながらアクセシビリティを実現する手法を解説。アクセシブルなPDF作成の技術的アプローチ。
Gemini APIを活用した高精度なalt属性・画像キャプション自動生成プロンプトを公開。文脈理解と画像認識を組み合わせたバリアフリー解説生成を実現。
視覚障害者・ろう盲者の視点から、デジタルアクセシビリティの必要性を強調し、画像説明・動画説明の重要性を当事者の経験に基づいて訴える。
アクセシビリティを意識した配色・文字・画像設計が全ユーザーの読みやすさを実現する鍵であることを解説。視認性、色に頼らない強調、リンク・見出しの差別化が基本。
WCAGでもっとも基本的なルール「WCAG 1.1.1」で要求される画像の代替テキスト。4種類の画像パターンごとの規則とよくある失敗例・実装例を紹介。
PDFをWCAG準拠にするための手法。タグ付け・読み順・代替テキスト・フォーム設定などの完全チェックリストと検証方法を解説する。
AI生成による代替テキストの精度課題を実体験から報告。視覚障害者向けのaltタグ自動生成の失敗例と改善の必要性を検討。
色・サイズ選択UIが代替テキスト・キーボード対応・状態表示を欠落させ、WCAG 1.1.1・1.4.1・4.x に違反する実例を紹介し、対策方法を詳しく解説する。
Webサイトのアクセシビリティ問題を1行のスクリプトで自動検出するツール「PageLoupe」。alt属性、コントラスト比、色覚特性、パフォーマンス指標をWCAG基準で一括検証。
WCAGガイドラインにおいて、リンク画像の代替テキスト欠落がどの基準に該当するかを解説する実践的ガイド。
代替テキスト(ALT属性)の役割と付け方を初心者向けにわかりやすく解説するYouTube動画。Webアクセシビリティの基礎学習に最適。
画像を自動的にテキスト化するAPIの紹介。代替テキスト、SEO最適化説明文、詳細な説明の3つのスタイルで出力。画像アクセシビリティの自動化ツールとして活用できる。
AI を活用して画像から自動的に説明テキストを生成し、スクリーンショットなどのコンテンツを再利用可能なテキスト化する手法と事例。
Eleventyでの画像最適化実装方法を解説。パフォーマンス向上がアクセシビリティに与える影響を含む。
美術作品のアクセシビリティ論文。盲目・ロービジョンユーザー向けにマルチセンサリーな説明を自動生成するシステムの研究。
ウェブ解析士やSNSマネージャー向けのWebアクセシビリティセミナー。基礎から実装施策、SEO改善までカバー。
AI生成ツールを使ったWCAG準拠のalt属性テキスト作成方法。実例12件とアクセシビリティ監査ワークフロー、WCAG要件を解説。
AI画像説明ツールを活用した大規模画像レトロフィット。alt属性とSEO最適化の関係、1000件以上の画像更新を実現する手法。
スクリーンリーダーで初めてWebサイトを体験した新入社員による研修レポート。alt属性空白と見出し構造崩れが与える影響を実感。
視覚障害者がAltテキストの誤用によってどのような具体的な不便を被るかを、当事者の声をもとに詳細に示した記事。代替テキストの実装の重要性を強調している。
AIエージェントがWebを読む時代において、セマンティックHTMLとアクセシビリティ対応の有効性を論じた記事だ。
視覚障害や色覚特性のある利用者を対象に、色だけで情報を伝えるデザインの問題点と、Web担当者が実践すべき代替表現方法を解説している。
AI生成のAndroidアプリでも、UI要素にcontentDescriptionを適切に設定することでスクリーンリーダー対応を大きく改善できる方法を解説している。
高等教育機関の障害支援部門の専門家が、生成AIを活用してHCI研究図表などの複雑な画像に対する高品質な代替テキスト作成を実現する方法を検討する論文。
生まれつき視覚障害のあるTommyがコロンビア・ピクチャーズのロゴを音声解説で聞いてリアクション。代替テキストの実装例を示す実践的な動画。
絵描きの視点から、スクリーンリーダー利用者を意識した画像のALTテキスト執筆方法を実践的に解説する。視覚障害者と制作者の対話を重視した実装ガイド。
視覚障害者向けデジタル地図のアクセシビリティにおいて、WCAG 1.1.1の「同等の目的」定義のギャップを分析し、体系的評価フレームワークMEP-Fを提案する論文だ。
X(旧Twitter)などのSNSで見かけるALT属性の誤った使い方を具体例を挙げて指摘し、正しい使用方法を解説した記事。
Word・PowerPointの代替テキスト実装状況と課題をまとめたWebAIMのレポート。Microsoft Officeドキュメントのアクセシビリティ向上に向けた現状と知見を解説する。
CSSの疑似要素で生成されたコンテンツをスクリーンリーダーが認識させる方法を解説。aria-labelやCSS speechプロパティを活用した代替テキスト提供の実装を紹介。
モバイルアプリの画像ボタンに不足しがちなコンテンツラベルを、次画面の文脈情報を活用したLLMで自動生成するシステムCaptionを提案する論文。スクリーンリーダーによるアクセシビリティ向上を目的とする。
視覚障害・弱視者が複雑なデータビジュアライゼーションを理解・学習するための触覚チャート4種を設計し、インタビュー調査で有効性を検証した研究だ。
macOSアプリの多くはアクセシビリティメタデータが不完全なため、ビジョンモデルがスクリーンショットから自動生成するScreen2AXを提案する研究だ。
アプリ開発の初期段階でUIアイコンのalt-textを自動生成するALTICONアプローチを提案し、大規模ラベルデータなしに意味ある説明文を生成できることを示した論文。
代替テキスト・フォームラベルなど具体的な実装例を交えながら、Webアクセシビリティの基礎知識とWCAG対応の重要なポイントをわかりやすく解説した入門記事だ。
AIを活用してアクセシビリティ向けのシンボル画像を自動生成するツールの開発背景と活用事例を紹介した記事。
グラフ・チャートを視覚障害者向けのスクリーンリーダー対応テキスト説明へ変換するコンピュータ支援フレームワークを提案した研究論文。
アプリ開発時にLLMを活用してUIアイコンのalt-textを自動推論する手法を研究した論文。完全なUI画像なしでもスクリーンリーダー向けの意味ある説明文を生成できる手法を提案。
地図・地理データの可視化をスクリーンリーダーユーザーが利用できるよう、現在の表示状態に応じたalt-textを動的生成するシステムを提案した論文。
視覚障害者向けにグラフ・チャートを点字・音声形式へ変換する「Chart4Blind」を提案し、テキストと視覚メタデータの自動抽出手法を示した研究。
視覚障害者がスクリーンリーダーで棒グラフの情報を取得できるよう、テキスト記述テンプレートによる代替表現手法を提案・評価した論文。
モバイルアプリのラベル欠落やコントラスト不足などのアクセシビリティ問題を自動検出しレポートを生成するツールを提案。開発者インタビューによる動機調査も含む。
代替テキストで肌の色をどのように記述すべきかを論じた記事。視覚障害者にとって意味のある画像説明の方法を解説している。
オンラインショッピングにおける視覚障害・低視力ユーザーの情報検索体験を改善する研究。画像説明不足とスクリーンリーダーでの情報フィルタリング課題への解決策を提案。
画像に説明がないと視覚障害のあるユーザーがアプリの全機能を利用できない。代替テキストの実装方法をまとめたモバイル向けクイックウィン。
視覚障害者向け画像説明の品質を自動評価するニューラルネットワークモデルを提案した論文。NCAMガイドラインに基づく。
スクリーンリーダーユーザー向けの画像アクセシビリティについて33論文を系統的にレビュー。既存アプローチを整理し、今後の研究ロードマップを提案。
ウェブサイトのテキスト・画像情報アクセシビリティを研究した論文。スクリーンリーダーの限界を分析し、視覚障害者のデジタルコンテンツアクセスを改善する技術的提案を提示する。
alt textの欠如・不適切なナビゲーション順序・カスタムウィジェットのアクセシビリティ問題を対象に、モバイルアプリのUIを自動アノテーションして修復・強化する手法を提案した研究。