GoogleのJohn Muellerの発言「Semantic HTMLはランキング要因ではなく理解を助ける」の実際の意味と価値を解説。①スクリーンリーダーが構造を認識できるアクセシビリティ上の価値、②ChatGPTなどAIツールがHTMLソースを直接読む現在、ネストしたdiv数千層より意味的タグ数十個の方が処理効率が大幅に高いという2点を強調。
シェアックリップ
シェアされたアックリップです。
そのほかの #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 の両立を実現する。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
世界のアクセシビリティ・支援技術トレンド。AI活用とプライバシー保護の課題、障害者が主導する設計への転換、新しい支援ガジェットなど、複数のニュースをキュレーション。
視覚障害のある著者が、AI画像解析ツールを使い、自分で撮った写真の選別と整理ができるようになった経験を紹介。視覚障害のある人の写真活用の実践例を述べる。
デザイナーが ChatGPT に画像をユニバーサルデザイン化させ、その理由を聞いて学ぶ実験。文字の大きさ、コントラスト、情報量、配置の改善例から、AI を学習教材として活用する方法を示す。
AI手話翻訳会社 Signapse の CEO が、ろう者のコミュニティとの共創によるAI手話翻訳の開発、技術スケーリング、品質保証のプロセスについて語ったインタビュー。
音声 AI と音声コントロール機能を組み合わせてスマートフォンを声だけで操作する仕組みを紹介。視覚障害のある人が新しい Siri などを使って操作できる未来の可能性を述べる。