フォームのアクセシビリティで陥りやすい落とし穴を解説。自動検証では検出できない実ユーザーの課題を指摘し、チェックリスト形式で実装ガイドを提供する。
シェアックリップ
シェアされたアックリップです。
そのほかの #フォーム ピックアップ
React でメールフォームを状態管理（idle、editing、invalid、submitting、success、server error）で構築し、ARIA を用いてアクセシビリティを確保する実装パターン。ユーザーへの段階的情報提供を重視。
SaaS のローディング状態を、ユーザーの行動を助ける情報設計として論じる。進捗表示の正確さ、ARIA 属性・スクリーンリーダー対応、および失敗時の回復手段の重要性を解説。
同じHTMLを異なるCSSリセットで実装した3パターンを比較。:focusでアウトラインを削除するCSSリセットがキーボードユーザーのフォーカス追跡を不可能にする問題と、:focus-visibleによる解決法を実装で検証している。
同じHTMLを異なるCSSリセットで実装した3パターンを比較。:focusでアウトラインを削除するCSSリセットがキーボードユーザーのフォーカス追跡を不可能にする問題と、:focus-visibleによる解決法を実装で検証している。
color-schemeプロパティでダークモードにおけるブラウザのネイティブUI（日付入力、セレクト、スクロールバー）の自動対応が可能。カスタムコンポーネント制作なしで実装できるテクニック。
ネイティブ<input type="checkbox">を保ちながらカスタムスタイリングする方法。キーボード操作とスクリーンリーダー対応をデフォルトで獲得し、複数の支援技術に対応する責任あるチェックボックスの実装パターンを解説。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
イベント 開催予定
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
AIをアクセシビリティテストに活用しても、専門知識、批判的思考、障害のある人の見方が必要。AI活用の限界と人間の判定の重要性を指摘。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
WCAG 2.1/2.2対応のアクセシビリティツール15個をブラウザで実行できるコレクション。コントラストチェッカー、ARIAパターンジェネレーター、altテキスト生成等を搭載。プロプライエタリコードのアップロードが不要。