WAI-ARIAロールの正しい使用方法を解説したガイド。ウェブ開発者向けに、スクリーンリーダーなどの支援技術がHTML要素の構造と役割を理解するメカニズムを説明する。
シェアックリップ
シェアされたアックリップです。
そのほかの #WAI-ARIA ピックアップ
AIエージェントが画面を操作するとき、見た目よりセマンティックな構造が重要。意味を明示するとUIの操作成功率が43%から90%に向上する。
ブラウザが DOM から構築するアクセシビリティツリーの仕様と構造。Role・Name・State・Value の計算ルール、OS 別 API への変換、支援技術との連携メカニズムを技術的に解説。
noteエディタの見出し画像ボタンのaria-label欠落により、Playwright自動化テストが失敗。同じ欠落がスクリーンリーダーにも影響することを指摘し、位置・サイズで検索する回避策を解説。
React でメールフォームを状態管理(idle、editing、invalid、submitting、success、server error)で構築し、ARIA を用いてアクセシビリティを確保する実装パターン。ユーザーへの段階的情報提供を重視。
SaaS のローディング状態を、ユーザーの行動を助ける情報設計として論じる。進捗表示の正確さ、ARIA 属性・スクリーンリーダー対応、および失敗時の回復手段の重要性を解説。
AI 生成テキストをストリーミング表示する際、未完成の Markdown 構造が不正な見出しやリンクになり、スクリーンリーダー・キーボード利用者に虚偽の情報を伝える問題を分析。状態管理と ARIA 属性による解決法を提示。
そのほかの #支援技術 ピックアップ
Sight Tech Global 2026
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
第48回総合リハビリテーション研究大会
能登半島地震を踏まえ、アクセシビリティの現状と課題、今後の方向性を議論する障害者リハビリテーションの総合研究大会。福祉用具やコミュニケーション支援、移動支援など幅広いテーマを扱う。
M-Enabling Summit
モバイルアクセシビリティと支援技術の推進を目的とした国際サミット。政府・産業・教育・アドボカシー組織の指導者層や専門家が世界中から参加し、グローバルなネットワーキングの場。
拡張代替コミュニケーション(AAC)セミナーと福祉機器の展示体験を通じて、障害のあるお子さんとご家族が「できる」を見つけるイベント。支援技術の可能性を実感。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
医療型短期入所施設の利用者がアクセシビリティスイッチを使い、自身の得意な動作で入力して水ヨーヨー釣りや釣り竿での魚釣り、かき氷作り、水鉄砲などを楽しむ夏祭りイベントの動画。