One unlabeled edit box can end a career.
フォームのラベル欠落のようなUIデザイン問題が、従業者の職場へのアクセスや雇用機会に直結する影響について述べる。
シェアされたアックリップです。
フォームのラベル欠落のようなUIデザイン問題が、従業者の職場へのアクセスや雇用機会に直結する影響について述べる。
メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
CAPTCHA の代わりにハニーポットを使って、スクリーンリーダー利用者に負担をかけずにスパムボットを検出する実装方法。フロントエンドとサーバー側の検証を解説。
React でメールフォームを実装する際に、フォーカス管理とアクセシビリティを両立させる方法。フォーム状態(読み込み中、成功、エラー)の変化を WAI-ARIA で通知しながら、キーボード操作とスクリーンリーダーに対応。エラー時のフォーカス復帰の実装方法を解説。
VIN入力フォームのアクセシビリティ実装について。ラベル、エラーメッセージの表示、live regionsによるスクリーンリーダー対応、フォーカス管理の具体的なコードパターンを解説している。
メールアドレス入力フィールドの目的を明示する方法について。type属性は形式を、autocomplete属性は具体的な目的を示すことで、フィールドの見た目と実際の機能の一貫性を保つ実装パターンを解説している。
障害福祉サービス事業所『みらいファーム』の日常を映したドキュメンタリー。ラジオ体操から仕事、交流まで、所員たちの営みを優しく肯定する視点で描く。
精神科病院を廃止し精神障害者の地域移行と就労を実現した愛南町の事例を紹介。長野敏弘医師による20年の実践から、医療と雇用・地域生活を統合した支援モデルを学ぶ。
身体に障害のある人による提案。介護・移動・医療の支援を1つのアプリで統合し、自分のペースで生活する構想。現在の制度の縦割りと地域格差の問題を指摘し、マイナンバー連動などの実装方法を述べる。
Zero Project Technology Forum で紹介されたスタートアップの取り組みから、精神障害・視覚障害のある人の日常生活の困りごとを出発点にした製品開発と、インクルーシブ防災への展開について考察する報告。
脳性麻痺で電動車椅子を使用する著者が、甲子園のチケット取得失敗から学んだバリアフリーの本質を語る。設備だけでなく、チケット取得方法や情報、移動・食事・雨対策など、外出に必要な多くの条件が揃うことの重要性を指摘。著者が運営するグルメ情報サービス「バリフリグルメ」の背景にある考え方。
視覚障害のある開発者が、自然言語の指示だけで AI が UI コード一式を生成する実例。プログラミング知識不要での開発可能性を示唆。
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザインの手法を用いて、海に親しむ遊びを制作するワークショップ。参加者が遊びのデザイナーとなり、工作を通じて多様な身体への配慮を学ぶ。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
WCAG 2.2達成基準3.2.3『一貫したナビゲーション』について、デザイナー・コーダー両方の視点から解説。サイト内の共通メニューの並び順を統一する必要性と実装方法。