Curbcut
記事 海外
AIエージェントチームで開発された小規模エージェンシー向けの無料アクセシビリティスキャナー。その開発プロセスとツールの限界を述べている。
シェアックリップ
シェアされたアックリップです。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。
WCAG 2.1のコントラスト比判定を相対輝度から計算し、5つの基準（AA/AAA通常文字/大文字、UI要素）に対応するTypeScriptの実装方法を解説。背景色に応じた合格色の自動提案アルゴリズムも含む。
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
ランディングページのキーボードアクセシビリティチェック。フォーカスリングの表示確認方法、:focus-visible による CSS 実装例、Tab キーで行う手動確認フローを解説。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
世界のアクセシビリティ・支援技術トレンド。AI活用とプライバシー保護の課題、障害者が主導する設計への転換、新しい支援ガジェットなど、複数のニュースをキュレーション。
視覚障害のある著者が、AI画像解析ツールを使い、自分で撮った写真の選別と整理ができるようになった経験を紹介。視覚障害のある人の写真活用の実践例を述べる。
デザイナーが ChatGPT に画像をユニバーサルデザイン化させ、その理由を聞いて学ぶ実験。文字の大きさ、コントラスト、情報量、配置の改善例から、AI を学習教材として活用する方法を示す。
AI手話翻訳会社 Signapse の CEO が、ろう者のコミュニティとの共創によるAI手話翻訳の開発、技術スケーリング、品質保証のプロセスについて語ったインタビュー。
音声 AI と音声コントロール機能を組み合わせてスマートフォンを声だけで操作する仕組みを紹介。視覚障害のある人が新しい Siri などを使って操作できる未来の可能性を述べる。