レスポンシブウェブデザイン実装時に注意すべきアクセシビリティの考慮点を、WCAG達成基準に基づいて解説。
シェアックリップ
シェアされたアックリップです。
そのほかの #WCAG ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、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画面開発におけるアクセシビリティ要件化の必要性も論じる。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
そのほかの #デザインシステム ピックアップ
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
Vaadin Button の Web Component 開発の 9 年以上の歴史をとおして、アクセシビリティに対応するための技術的課題と解決方法を描く。Shadow DOM 設計、フォーカス管理、tooltip の accessible 化など、進化の過程を追う。
色調パレットをアクセシビリティ規則に基づいて自動修正するエンジンの実装。WCAG対比率を満たすよう色を調整し、OKLCH色空間を使って知覚的な色合い変化を最小限に抑える。
デザインシステムがキーボード操作とフォーカス移動を一貫して管理するメカニズムを解説。フォーカストラップ・ARIA・イベントハンドリングの実装と、アプリ側のオーバーライドが破壊する事例を紹介。
レトロアーケード美学を保ちながら WCAG コントラスト要件を満たす色設計と、Flash of Unstyled Content を避ける実装方法を解説。CSS カスタムプロパティと同期スクリプトを組み合わせた構成。
プロジェクト管理ツール Pleasanter の 2027 年 1 月予定の UI テーマ改善について、CSS 変数削除やクラス名変更などの変更点をまとめた。
そのほかの #モバイル ピックアップ
Android でアクセシビリティサービスを使用する AI エージェント開発で、権限取得、OEM 間のデバイス差異、アプリ更新への対応など本番環境で直面する課題と実装上の対策を説明している。
The geeks and nerds are going to buy this thing no matter what. But from a blind and low vision pers
YouTube 海外
折りたたみ型スマートフォンについて全盲・ロービジョンユーザー視点からのアクセシビリティ評価。ロービジョンでは使える可能性があるが、全盲ユーザーには実用的でない理由を説明
BlindWalk: Keep Your Phone in Your Pocket — A Screenless Spatial Audio Navigator for Touching Grass
記事 海外
視覚障害者やロービジョンの人も利用できる、オフライン動作の音声ナビゲーションシステム「BlindWalk」。端末内の小規模言語モデルとOpenStreetMapの地理情報を用い、木陰や未舗装路を優先した歩行ルートを生成する。画面を見ずに音声案内や左右の定位音で進行方向を把握でき、通信圏外でも利用できる。位置情報を外部に送信せず、プライバシーにも配慮している。
M-Enabling Summit
イベント 海外 開催終了
モバイルアクセシビリティと支援技術の推進を目的とした国際サミット。政府・産業・教育・アドボカシー組織の指導者層や専門家が世界中から参加し、グローバルなネットワーキングの場。
React Native アプリ 12 個の WCAG 2.2 AA 監査結果。カスタムボタンのラベル欠落・タッチターゲット不足・エラー表示・モーダルフォーカス・テキストコントラストの 5 つの一般的な問題と修正方法。
Bigger text, real magnification, apps side by side or blown up full screen — for someone with low vi
YouTube 海外
折り畳み式スマートフォンの大画面機能が、ロービジョンユーザーのアクセシビリティ向上に貢献する可能性を紹介。