AIクローラーがWebページを読む方法はスクリーンリーダーと同じという視点から、a11y対応がAI可読性に直結することを論じた記事。構造化データなどの実装方法を紹介する。
シェアックリップ
シェアされたアックリップです。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
点字コラムを発信する著者が、自分のアカウント名の漢字「文佳」がスクリーンリーダーで正しく読み上げられず、読者が一文字ずつ変換して対応してくれていたことに気づき、無知のうちに視覚障害のある人に負担を押しつけていたことへの反省を綴る。
スクリーンリーダーユーザーの実際の使用経験に基づき、デザイン選択がアクセシビリティにどう影響するかを解説。フォーカストラップやARIAの不適切な使用が視覚障害のあるユーザーの日常にもたらす課題を取り上げるウェビナー。
Kindle の TalkBack による読み上げ仕様が変わったため、代わりに Kindle 搭載の Assistive Reader に乗り換えたユーザーが、使いやすさ・速度・スマホ放置時の継続再生など、むしろ快適に感じた経験を記述したもの。
スクリーンリーダー NVDA を 7 年使い熟達した視覚障害のある人による省察。操作の工夫で対応できるようになったことが、サイト設計側の課題を覆い隠していないか。熟達するほど「アクセシブルであること」と「ユーザーの工夫で使える状態」の違いが見えなくなる危険性を指摘。
ウェブサイトのキーボードナビゲーション障害を自動検出するツール。スクリーンリーダー利用者が実際の操作で遭遇するフォーカス移動や状態変化への対応障害を見つけるアルゴリズムを提案する。
そのほかの #ガイドライン ピックアップ
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
デジタル庁のウェブアクセシビリティガイドブック解説。アクセシビリティの対象範囲(一時的・状況的な障害を含む)、自動チェックツール の限界、試験による「準拠」の意味、JIS X 8341-3とWCAG の関係、適合レベル AA の試験体制を制作者向けに説明。
PDF のアクセシビリティタグ構造を解説したビデオ。Adobe Acrobat で使う一般的なタグと正しい実装方法を視覚的に示す無料ガイド付き。
PDFアクセシビリティの実装ガイド。見出し、リスト、表、図、リンク、フォームフィールドなどのタグ構造と、Adobe Acrobatでの修正方法を紹介。PDF/UA、WCAG対応。
Steamで販売されているゲームのアクセシビリティ機能表示の読み方と、購入前の確認ポイントを解説。自分に必要な条件を整理し、公式説明や体験版で実際に確認する手順を説明する。
生成AIが画像の詳しい説明を書いても、代替テキストとして使用する前に7点の観点で編集する必要があると解説。目的・意味・装飾性・機能・文字・図表・CMS実装後の確認を通じ、見た目の正確性ではなく「見られない人にも同じ情報へ到達できるか」を基準とすべき。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
非エンジニアがClaudeとGeminiを併用してWebアプリ開発した実践プロンプト集。アクセシビリティ要件の初期組み込みから、UI/UX調整、視認性強化、トラブル対処まで、実装プロセスと試行錯誤を解説。
WCAG 3.0の最新仕様を読み解き、アクセシビリティ対応における AI の役割を整理した記事。機械的な検証は AI に任せ、文脈理解と定性評価は人間が行うという役割分担の具体例と、マルチエージェントシステムなどの実装方法を提案する。
Weekend: Lumin - The Voice‑First Email App
視覚障害やロービジョンのあるユーザー向けの音声操作メールアプリLumin。創設者自身が進行性視力喪失の診断を受けたことから開発。AIと音声のみのUIで、メールの読取・返信・管理をすべて音声で操作できる。
高齢で歩行距離に制限のある祖父母の日帰り観光コースをAIに相談し、提案されたコースを実際に歩いて検証。AIの見積もりと実地の乖離、現場でのみ気づける課題を報告。
米国初の視覚障害者向けスマートグラス。生成AIによるリアルタイム音声説明で移動支援や物体識別が可能。Wi-Fi内蔵でスマホが不要な点と、視覚障害者のフィードバックを反映した仕様が特徴。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
GitHub ActionsでWCAG 2.2準拠のアクセシビリティチェックを自動化するアクション。axe-coreを使用し、プルリクエストで違反を検出して構築を失敗させる。重大度レベル(critical/serious/moderate/minor)の設定や基準の選択ができる。
Playwrightを使ったE2Eテストで、ブラウザ(Chromium/WebKit)、端末(iPhone実機/Android Emulator)、画面幅、アクセシビリティなど複数軸での動作確認。Chrome環境のみでなく、Safari系やスマートフォン環境での検証の重要性を解説する。