ChatGPTの画面更新によるスクリーンリーダー対応の低下を報告。見出し削除、リスト構造喪失、キー操作の変化など、スクリーンリーダー利用者に影響する具体的な問題を述べ、Webサイト変更時にはスクリーンリーダーでの操作確認の必要性を主張。
シェアックリップ
シェアされたアックリップです。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
アクセサリー販売サイトのレイアウト変更を通じた、音声読み上げ対応とリーダー機能への適合事例。色別カテゴリー追加によるUX向上と、iPad・iPhone での検証プロセスを記載する。
視覚障害のある点訳者が、点字データをカナ変換してスクリーンリーダーで音声読み上げするウェブツールを開発。点訳と音声読み上げの相互利用を実現した取り組みを紹介する。
Apple で 20 年間 Mac 開発に携わったエンジニアが 2015 年に完全に失明。VoiceOver 学習をビデオゲームのように攻略した経験、Apple 内のアクセシビリティの位置づけ、エンジニアへのバグ報告の重要性について語る。
スクリーンリーダーユーザーや検索エンジン、低速接続ユーザーのための代替テキスト（alt属性）の書き方。何を含めるべきか、何を避けるべきかを具体例で示している。
そのほかの #見出し構造 ピックアップ
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
Word文書のアクセシビリティについて、見出し、表、読む順序がコンテンツへのアクセスに与える影響を解説するライブ講座。
セマンティック HTML がスクリーンリーダーや支援技術でいかに機能するか、ランドマーク・見出し・フォーム要素の正しい使用の重要性を解説する。
Web開発者・デザイナー向けのブラウザ型アクセシビリティツール集。色コントラスト、代替テキスト、見出し構造、キーボード操作、フォーム、WCAG対応をカバー。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス（見出しタグの誤り、画像の処理、フォームラベルの欠落など）を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。
セマンティックHTMLの基本を初心者向けに解説。役割に合ったタグを選ぶことが、検索エンジンや読み上げソフトへの対応につながることを説明し、見出し構造やリンクテキストの実践的なポイントを網羅する。
そのほかの #キーボード操作 ピックアップ
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
ランディングページのキーボードアクセシビリティチェック。フォーカスリングの表示確認方法、:focus-visible による CSS 実装例、Tab キーで行う手動確認フローを解説。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
ネイティブダイアログ要素でモーダル閉じ込めとフォーカス移動を検証するためのテストフィクスチャとテスト方法を解説。フォーカスリーク防止と複数ブラウザでの検証の重要性を説明している。
業務システムのマウス操作による手首の負担を、キーボード操作で解決した経験から、アクセシビリティの本質を考える。相手の困りごとに寄り添い、摩擦を減らす設計思想の重要性について述べる。
ストリーム型のAI生成UIにおいて、キャンセル操作時にフォーカスを失い、古い状態の通知がスクリーンリーダーで宣言される問題を分析。WAI-ARIAのライブリージョンとフォーカス管理の実装パターンと、デバッグ手法を具体的に解説している。