One unlabeled edit box can end a career.
フォームのラベル欠落のようなUIデザイン問題が、従業者の職場へのアクセスや雇用機会に直結する影響について述べる。
シェアされたアックリップです。
フォームのラベル欠落のようなUIデザイン問題が、従業者の職場へのアクセスや雇用機会に直結する影響について述べる。
フォームのラベル設計はスクリーンリーダー利用者の利便性とアクセシビリティにおいて重要。`<label>` の `for` 属性と `id` の関連付け、または入れ子化による実装を解説し、WCAG基準に基づいた実装チェック方法を紹介する。
React Modal コンポーネント(oks-ui)の実装ガイド。role="dialog"・aria-modal="true"・accessible name・フォーカス管理・キーボード操作をカバー。複数ブラウザで動作確認済み。
メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
CAPTCHA の代わりにハニーポットを使って、スクリーンリーダー利用者に負担をかけずにスパムボットを検出する実装方法。フロントエンドとサーバー側の検証を解説。
React でメールフォームを実装する際に、フォーカス管理とアクセシビリティを両立させる方法。フォーム状態(読み込み中、成功、エラー)の変化を WAI-ARIA で通知しながら、キーボード操作とスクリーンリーダーに対応。エラー時のフォーカス復帰の実装方法を解説。
障害福祉サービス事業所『みらいファーム』の日常を映したドキュメンタリー。ラジオ体操から仕事、交流まで、所員たちの営みを優しく肯定する視点で描く。
精神科病院を廃止し精神障害者の地域移行と就労を実現した愛南町の事例を紹介。長野敏弘医師による20年の実践から、医療と雇用・地域生活を統合した支援モデルを学ぶ。
全盲の芸術家Richard Hallowが、視力喪失後の創作活動、技術職での就労、アクセシビリティ推進、地方政治への参加について語る。
車椅子ユーザーの職場経験から、採用後に実際のサポート・所属感・成長機会が不足する「インクルージョンギャップ」の概念を説明。Hire→Support→Belong→Grow→Advanceのフレームワークを通じて、真のインクルーシブな職場づくりに必要な要素を述べる
身体に障害のある人による提案。介護・移動・医療の支援を1つのアプリで統合し、自分のペースで生活する構想。現在の制度の縦割りと地域格差の問題を指摘し、マイナンバー連動などの実装方法を述べる。
Zero Project Technology Forum で紹介されたスタートアップの取り組みから、精神障害・視覚障害のある人の日常生活の困りごとを出発点にした製品開発と、インクルーシブ防災への展開について考察する報告。
(引用)アクセシビリティを、デザインの基本に。 本書は、年齢や障害の有無、利用環境にかかわらず、あらゆるユーザーが必要な情報や体験を得られるよう、「アクセシビリティ」をデザインの初期段階から組み込むための考え方と実践を学べるハンドブックです。 日本でもデジタル庁がウェブアクセシビリティの導入を推進し、「誰一人取り残されない、人に優しいデジタル化」が目指されています。アクセシビリティは、一部の人のための特別…
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザイン実践における、障害の種別ではなく固有の経験と工夫を持つ人をリードユーザーとして選定する重要性を解説。
段差や見えにくさ、保証人なし・DV避難など、賃貸住宅探索の課題を「気になること」から選んで対応策を確認できるアプリ。148枚のカード、内見チェックシート、全国の相談先を網羅。出典は国や自治体の公式ページのみで、完全無料・オフライン対応。