スクリーンリーダー利用時の一般的なアクセシビリティ問題（見出し、リンク、代替テキスト、テーブル、リスト）に関する正しいタグ付けとベストプラクティスを解説。
シェアックリップ
シェアされたアックリップです。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
アクセサリー販売サイトのレイアウト変更を通じた、音声読み上げ対応とリーダー機能への適合事例。色別カテゴリー追加によるUX向上と、iPad・iPhone での検証プロセスを記載する。
視覚障害のある点訳者が、点字データをカナ変換してスクリーンリーダーで音声読み上げするウェブツールを開発。点訳と音声読み上げの相互利用を実現した取り組みを紹介する。
Apple で 20 年間 Mac 開発に携わったエンジニアが 2015 年に完全に失明。VoiceOver 学習をビデオゲームのように攻略した経験、Apple 内のアクセシビリティの位置づけ、エンジニアへのバグ報告の重要性について語る。
スクリーンリーダーユーザーや検索エンジン、低速接続ユーザーのための代替テキスト（alt属性）の書き方。何を含めるべきか、何を避けるべきかを具体例で示している。
そのほかの #NVDA ピックアップ
WebAIM によるスクリーンリーダー利用者調査（第11回）の結果分析。JAWS と NVDA の利用傾向の変化、地域による差、ブラウザ利用状況、AI 利用、スキップリンク利用率の報告。
NVDAアドオン『Free Audio』を使い、視覚障害のある人がラジオリスナー・録音・リマインダー・オーディオブックを利用する方法を実演。
視覚障害のあるテック愛好家Steven ScottとShaun Preeceが、NVDAスクリーンリーダー、iOS Siri AI、Android Geminiなどについて率直に評価し、リスナーのメールに応答する。
自動チェックよりもスクリーンリーダーテストが実際の使用可能性を確保する。視覚障害・ロービジョンのある人がアクセスするためのPDFのタグ付けと、NVDAやJAWSでのテスト方法を動画で解説。
スクリーンリーダーテストの7つの実践スキル解説。BrowseモードvsFocusMode、ページ構造、コンポーネント状態、フォーストラッキング、動的更新、不具合報告、ユーザージャーニーテスト。
PDFアクセシビリティチェッカー（PAC、veraPDF、Acrobat）の検出精度を測定する手法。スクリーンリーダーNVDAとの実際の相互作用も検証した研究。
そのほかの #JAWS ピックアップ
WebAIM によるスクリーンリーダー利用者調査（第11回）の結果分析。JAWS と NVDA の利用傾向の変化、地域による差、ブラウザ利用状況、AI 利用、スキップリンク利用率の報告。
20年のJAWS利用経験から、開発者が見落とすアクセシビリティ問題を指摘。ボタン・フィールド無名化、CAPTCHA、再設計による喪失など、実際のバリアと修正方法を解説。
自動チェックよりもスクリーンリーダーテストが実際の使用可能性を確保する。視覚障害・ロービジョンのある人がアクセスするためのPDFのタグ付けと、NVDAやJAWSでのテスト方法を動画で解説。
スクリーンリーダーテストの7つの実践スキル解説。BrowseモードvsFocusMode、ページ構造、コンポーネント状態、フォーストラッキング、動的更新、不具合報告、ユーザージャーニーテスト。
AI 業界の警告・懸念の真意に関する議論と分析。また iOS 27 ベータの Siri AI の初期体験、Windows/Mac 環境でのスクリーンリーダー（JAWS/NVDA）の操作性比較。
視覚障害がある経営者やエンジニアが直面するアクセシビリティ課題と、AIを活用した解決策を議論。遠隔アクセス・PDF修復・製品設計における視覚障害者の人的資本と、雇用・起業の機会を中心に扱う。
そのほかの #代替テキスト・alt ピックアップ
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。
PDF作成時の画像代替テキストレビュー手順を解説したもの。AIで下書きした代替テキストを人がレビューする際、画像の目的・周辺文脈・PDF形式後の状態を確認するプロセスを示す。
ページ公開前のアクセシビリティレビューで、実装チェックではなく人が測定したカラーコントラストペアを記録し、代替テキスト出典とキーボード動線の確認が無い場合は公開を止める判定プロセスを解説。
画像のalt属性を適切に設定する方法とAI生成ツール活用による効率化を解説。スクリーンリーダー利用者向けアクセシビリティ、SEO、AI検索精度向上の観点から重要性を説明し、装飾画像と情報画像の区別や冗長表現の避け方などのルールを紹介。AI生成は完全自動化ではなく人間による文脈確認が必須と指摘。
スクリーンリーダーユーザーや検索エンジン、低速接続ユーザーのための代替テキスト（alt属性）の書き方。何を含めるべきか、何を避けるべきかを具体例で示している。
そのほかの #見出し構造 ピックアップ
ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
Word文書のアクセシビリティについて、見出し、表、読む順序がコンテンツへのアクセスに与える影響を解説するライブ講座。
セマンティック HTML がスクリーンリーダーや支援技術でいかに機能するか、ランドマーク・見出し・フォーム要素の正しい使用の重要性を解説する。
Web開発者・デザイナー向けのブラウザ型アクセシビリティツール集。色コントラスト、代替テキスト、見出し構造、キーボード操作、フォーム、WCAG対応をカバー。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス（見出しタグの誤り、画像の処理、フォームラベルの欠落など）を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。