フォーカス管理の重要性と実装の落とし穴を解説。視認性とキーボード操作性を兼ねた実装判断軸を提示する技術記事。
シェアックリップ
シェアされたアックリップです。
そのほかの #キーボード操作 ピックアップ
アンチアクセシビリティ
記事
聴衆を交えながら、スクリーンリーダーとキーボード操作でコンピューターを制御する方法を実演。ブラインドタッチ、ディスプレイが壊れたときの対応など、視覚に依存しない操作の実践的な重要性を示す。
Windows アプリの操作を画面上のキーボードラベルで選ぶ Fluent Search の Screen Search 機能を解説。UI Automation と画像認識を使い分け、ブラウザのみでなくデスクトップアプリ全般に対応する実装方法。
ローカルAI（Gemma 3 4B）を用いてWeb要素のアクセシブル名を自動提案し、キーボード操作を補完するChrome拡張機能。スクリーンリーダー対応で、ブラウザ側のみで動作。
トーストノーティフィケーション（操作結果を伝える一時的な画面上メッセージ）をアクセシブルに設計するための実践的な指針。キーボード・スクリーンリーダーでのテスト方法、フォーカス管理、メッセージの文脈、重要アクションのページ内配置など。
MCP Appsはクライアント内にUIをレンダリングする。アクセシビリティ対策を欠くと機能が利用できなくなり、テキスト説明は機能を代替できない。ウェブアプリと異なるテスト上の課題を解説する。
A 3D-printed, miniature keyboard — small enough to use lying in bed — built for one purpose: talking
YouTube 海外
寝たままコンピュータと対話するために、3D プリント技術で製作された小型キーボードを紹介する。
そのほかの #テスト・検証 ピックアップ
Googleが発表した「Guided Vision」は、Gemini Liveの視覚支援機能で、視覚障害・弱視者との協働開発。カメラの向きや距離が不適切な場合に音で構図を補助し、AIが読める画像を撮影時点で確保する。実務への応用として、建設業で品番読み込みの精度向上を例に検証方法を提案。
音声ゲームブックの開発で直面した、音声認識と音声入力の技術的課題と、入力のタイミング表示・VoiceOver対応などの設計の工夫について
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
イベント 開催終了
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
首都圏の大学230校を対象にしたWebアクセシビリティ対応状況の調査。方針公表率や試験実施率、axe DevTools による問題検出など、教育機関のアクセシビリティ対応の課題を数値で明らかにするレポート。
動画の音声をAIで文字起こしした場合、映像にしかない操作手順や指示を記事に補足する編集手順。視覚情報なしで内容を追えるようにするW3C基準のブログ編集方法。
ローカルAI（Gemma 3 4B）を用いてWeb要素のアクセシブル名を自動提案し、キーボード操作を補完するChrome拡張機能。スクリーンリーダー対応で、ブラウザ側のみで動作。