The canvas element
記事 海外
HTML canvas要素のアクセシブルな実装方法とベストプラクティスを解説した非公式ガイド。支援技術での利用を想定した設計手法を提示する。
シェアックリップ
シェアされたアックリップです。
そのほかの #WAI-ARIA ピックアップ
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
Five tour notes that are always in the DOM, and a tour that will not start until you scroll to it
記事 海外
Webアプリケーションのツールチップツアーのアクセシブルな実装。DOMに常に存在させることでスクロール時の位置ずれを回避し、スクリーンリーダー対応する手法を解説。
Interop 2027でのアクセシビリティ関連の機能優先順位付け。focusgroup属性、ariaNotify() APIなどの提案機能を紹介。
ブレッドクラムコンポーネントの実装例を紹介。型定義で最後の項目の href を省き、HTML では aria-current="page" と aria-hidden を使い分け、JSON-LD では position を 1 から始めてリンクのない項目の item を省く設計。
React で一時メール確認フローを実装する際、ステートマシンで状態を明示的に管理し、aria-live で状態変化を通知。ポーリング時に cancelled フラグで不要なレンダリングを避け、アクセシビリティと性能の両立を実現する。
メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。
そのほかの #支援技術 ピックアップ
Sight Tech Global 2026
イベント 海外 開催予定
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
第48回総合リハビリテーション研究大会
イベント 開催予定
能登半島地震を踏まえ、アクセシビリティの現状と課題、今後の方向性を議論する障害者リハビリテーションの総合研究大会。福祉用具やコミュニケーション支援、移動支援など幅広いテーマを扱う。
橋本紗貴×伊藤史人 講演会 ～見えない。聞こえない。それでも、学ぶ。挑む。～
イベント 開催予定
盲ろう・四肢麻痺のある特別支援学校教諭が、支援技術を活用した大学進学から教員採用試験、さらなる夢への挑戦を語る。本人と支援技術研究者による対談で、テクノロジーと人的支援が可能性をどう広げるかを探る。
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
世界のアクセシビリティ・支援技術トレンド。AI活用とプライバシー保護の課題、障害者が主導する設計への転換、新しい支援ガジェットなど、複数のニュースをキュレーション。
VoiceOverを使用したeSIM移行手続きの操作ガイド動画。新端末へのeSIM再発行、EIDコピー、アクティベーションまでの手順を、スクリーンリーダー利用者向けに解説する。