スクリーンリーダーユーザーが経験するアクセシビリティ問題を、タスク完了をブロックするものと回避可能なものに分類。テキストラベル欠落、要素検出不可、状態矛盾の課題を実例で述べる。
シェアックリップ
シェアされたアックリップです。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
Windows 11 Narrator の画像説明機能が、NPU 非搭載の通常 PC ではハルシネーション(AI の幻覚)を起こし不正確な出力になる問題と、その技術的背景、ユーザーの自衛策について。
Claude Code CLIのアクセシビリティ対応報告を紹介。読み上げ向けの情報の順番と状態通知の工夫を通じて、社内AIツール選びで「性能」以外に確認すべき項目を考える。
カスタム作成した UI 要素がスクリーンリーダーに役割と状態を伝えていない WCAG 4.1.2 の失敗パターンを解説。ネイティブ HTML 要素の利用と正しい ARIA role 付与の重要性を説明
VIN入力フォームのアクセシビリティ実装について。ラベル、エラーメッセージの表示、live regionsによるスクリーンリーダー対応、フォーカス管理の具体的なコードパターンを解説している。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
アイコンの見た目の大きさと実際のクリック領域(ターゲットサイズ)の違いについて。WCAG 2.2の24×24ピクセル基準を満たすための実装パターンと検証方法を解説している。
メールアドレス入力フィールドの目的を明示する方法について。type属性は形式を、autocomplete属性は具体的な目的を示すことで、フィールドの見た目と実際の機能の一貫性を保つ実装パターンを解説している。
JavaScript で実装されたナビゲーション(button onClick)では AI クローラーにリンクが見つけられない問題と、HTML anchor タグで href を使った正しい実装方法について。
AIが生成するアコーディオン実装がキーボード操作やスクリーンリーダー対応を見落とす理由と、aria-expanded属性で状態を正しく管理することの重要性を、実装例を示しながら解説する。見た目だけでなく状態を属性で持たせることが、アクセシビリティと実装精度の両立につながることを論じる。
aria-describedby属性で参照されているIDが実際に存在しないという問題を検出するDOM チェックと、フォーム要素への正しい実装方法を紹介。
そのほかの #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画面開発におけるアクセシビリティ要件化の必要性も論じる。
WCAG 2.2 もくもく会 #12 ~ ガイドライン 3.3 入力支援 ~
WCAG 2.2 のガイドライン 3.3 入力支援を読み合い、学んだことを共有する勉強会。毎月第1・2・3木曜日に開催される定期イベント。
デイトラコミュニティでの自主開催 Webアクセシビリティ初心者向け勉強会の企画と実施記録。FigJamを使った対話形式で、『知らないようで実は知っている』という仮説から、日常に潜むアクセシビリティを参加者で共有。