JAWS 2026に搭載されたAI機能を実装デモで詳解。AIページエクスプローラー、自動ラベリング、フォーム・ナビゲーション・動的コンポーネントの対応状況から、スクリーンリーダーテストと開発時の実装ポイントを紹介。
シェアックリップ
シェアされたアックリップです。
そのほかの #スクリーンリーダー ピックアップ
アンチアクセシビリティ
聴衆を交えながら、スクリーンリーダーとキーボード操作でコンピューターを制御する方法を実演。ブラインドタッチ、ディスプレイが壊れたときの対応など、視覚に依存しない操作の実践的な重要性を示す。
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
iOS 27のペースト候補機能がVoiceOver環境で使えないバグについて、問題の詳細と編集ローターを使った対策方法を紹介するVoiceOver完全ガイド動画。
アクセシビリティをチェック・テストするためのツール・拡張機能・スクリーンリーダーの一覧。自動チェック、コントラスト測定、スクリーンリーダー利用など、成果物検証の手段を紹介している
Webポートフォリオのアクセシビリティ監査を通じてセマンティックHTMLの重要性を解説。スクリーンリーダー対応のランドマーク設定やタッチターゲット最適化などの実装例を紹介。
メタのスマートグラス Ray-Ban Display のアクセシビリティを視覚障害者が検証。スクリーンリーダー機能、WhatsApp・Maps の使用感と課題を解説する。
そのほかの #WAI-ARIA ピックアップ
ARIA(aria-label)が不要な場合とネイティブ要素(button)を使うべき理由を、具体的なコード例で説明する。ARIA はセマンティクスを置き換えるのではなく追加するべきという考え方を提示している。
ネイティブ button 要素のセマンティック属性による accessible name の正しい実装と、aria-label が不要な場合について、コード例で解説する。
HTMLのセマンティックタグ(header、nav、mainなど)の使い方を、アクセシビリティの観点から解説。スクリーンリーダーと検索エンジンにとって意味のある構造を実装するための基礎。
HTMLフォーム設計の基礎講座。textareaとinputの使い分け、labelとの関連付けを解説。入力データの性質に応じた要素選択が、セマンティックHTMLとアクセシビリティの基礎であることを教える。
トーストノーティフィケーション(操作結果を伝える一時的な画面上メッセージ)をアクセシブルに設計するための実践的な指針。キーボード・スクリーンリーダーでのテスト方法、フォーカス管理、メッセージの文脈、重要アクションのページ内配置など。
HTML ネイティブ要素が持つアクセシビリティの仕組みを理解せず、ARIA を無分別に追加する慣行の問題を指摘。自動スキャナが同じ解決策を異なる状況に適用する理由と、aria-label が要素内容をオーバーライドすることの危険性を解説。
そのほかの #テスト・検証 ピックアップ
Googleが発表した「Guided Vision」は、Gemini Liveの視覚支援機能で、視覚障害・弱視者との協働開発。カメラの向きや距離が不適切な場合に音で構図を補助し、AIが読める画像を撮影時点で確保する。実務への応用として、建設業で品番読み込みの精度向上を例に検証方法を提案。
音声ゲームブックの開発で直面した、音声認識と音声入力の技術的課題と、入力のタイミング表示・VoiceOver対応などの設計の工夫について
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
首都圏の大学230校を対象にしたWebアクセシビリティ対応状況の調査。方針公表率や試験実施率、axe DevTools による問題検出など、教育機関のアクセシビリティ対応の課題を数値で明らかにするレポート。
動画の音声をAIで文字起こしした場合、映像にしかない操作手順や指示を記事に補足する編集手順。視覚情報なしで内容を追えるようにするW3C基準のブログ編集方法。
ローカルAI(Gemma 3 4B)を用いてWeb要素のアクセシブル名を自動提案し、キーボード操作を補完するChrome拡張機能。スクリーンリーダー対応で、ブラウザ側のみで動作。
そのほかの #WCAG ピックアップ
WCAG 2.2 もくもく会 #13 ~ ガイドライン 4.1 互換性 ~
WCAG 2.2 のガイドライン 4.1 互換性を読み合い、学んだことを共有する勉強会。毎月第3木曜日はオフライン交流会も開催される。
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
WCAG 2.2 もくもく会 #12 ~ ガイドライン 3.3 入力支援 ~
WCAG 2.2 のガイドライン 3.3 入力支援を読み合い、学んだことを共有する勉強会。毎月第1・2・3木曜日に開催される定期イベント。
Googleスライドのライブ字幕機能の設定・使用方法と注意点。句読点がなく音声認識の精度に限界があり、保存されないため、聞き取り補助として機能すること、記録としては別途用意が必要なことを説明する。
レトロアーケード美学を保ちながら WCAG コントラスト要件を満たす色設計と、Flash of Unstyled Content を避ける実装方法を解説。CSS カスタムプロパティと同期スクリプトを組み合わせた構成。