画像に説明がないと視覚障害のあるユーザーがアプリの全機能を利用できない。代替テキストの実装方法をまとめたモバイル向けクイックウィン。
シェアックリップ
シェアされたアックリップです。
そのほかの #代替テキスト・alt ピックアップ
noteで画像キャプション（スクリーンリーダー向けの説明）をどう書くか、音声読み上げユーザーと視覚的表示の両立をいかに実現するか、著者が試行錯誤する過程を記述。
WebAIM Million 2026年調査で明らかになった最も一般的な6つのWCAG違反について、なぜそれらが問題かを解説し、各々の修正コードを具体的に示す。
WordPress環境でのメール送信におけるアクセシビリティについて。確認メール・パスワードリセット等、ユーザーが受け取る全メッセージが読みやすく・ナビゲート可能である必要性を解説。コンテンツ・構造・デザイン・テスト実践を網羅した講座。
生成AIが画像の詳しい説明を書いても、代替テキストとして使用する前に7点の観点で編集する必要があると解説。目的・意味・装飾性・機能・文字・図表・CMS実装後の確認を通じ、見た目の正確性ではなく「見られない人にも同じ情報へ到達できるか」を基準とすべき。
Web制作の卒業制作をWCAG 2.2に沿ってセルフチェック。LightHouse、キーボード操作、代替テキストの3点から、具体的な問題点と対策を実例で解説。
スクリーンリーダーがアクセシビリティツリーを通じてWebページを読む仕組みと、alt欠落・ARIA誤用などよくある実装エラーの修正法を解説する。
そのほかの #モバイル ピックアップ
M-Enabling Summit
イベント 海外 開催予定
モバイルアクセシビリティと支援技術の推進を目的とした国際サミット。政府・産業・教育・アドボカシー組織の指導者層や専門家が世界中から参加し、グローバルなネットワーキングの場。
折りたたみ式スマートフォンのアクセシビリティ面での利点と障壁を詳細に分析。ロービジョンユーザー向けの大画面、ろう者向けのハンズフリーポジション、AAC利用者向けの操作性など、利点と同時に手指の器用性要求などの課題も実装面から解説。
Web RPGのスマートフォン縦持ちUI実機検証。小画面・タップ操作・フォーカス・ARIA・コントラストなどアクセシビリティを組み込んだ開発プロセス。
Androidのホームスクリーン設定で大きなサイズの時計ウィジェットを配置するテクニック。
モバイルファーストで開発するとhover状態が見落とされやすく、同時にフォーカスリングも実装忘れになりやすいという経験記。確認デバイスが片方だけでは、存在しない状態を発見できないリスク、および:focus-visibleなど最新CSSの活用を示す。
スクリーンリーダー対応やキーボード操作支援など、モバイルアプリのアクセシビリティをAIが自動化する現状。生成AIによる代替テキストとアクセシビリティ対応コード生成の実績を紹介。