Venngage accessibility options and checker
Venngage のアクセシビリティ機能のデモ。ドキュメント構造・alt テキスト・タグ順序・言語設定の確認とアクセシビリティ検査ツールの使用方法。
シェアされたアックリップです。
Venngage のアクセシビリティ機能のデモ。ドキュメント構造・alt テキスト・タグ順序・言語設定の確認とアクセシビリティ検査ツールの使用方法。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
代替テキスト作成のアクセシビリティガイド。画像、チャート、グラフ、ダイアグラム、フローチャート、ロゴなど視覚的要素別の alt テキスト方法と WCAG 原理の深掘り解説動画。
CSSで生成されたアイコンはスクリーンリーダーに無視されるため、アイコンのみのボタンには必ず名前が必要。alternative-text構文で名前を供給する実装手法を説明。
プラットフォームが変わっても、画像の説明は同じ目的を果たす必要があることを解説する動画。
altテキストの文脈的な正しさと常見の誤りを、装飾画像から複雑な図表まで幅広い例で解説する動画。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目(色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重)の検査スクリプトとコマンド例を提示。自動検査の限界(説明文の内容評価、ボタン間隔)についても述べる。
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
リソースカード内のリンクは『Open』だけでなく、各リンク先の内容を示すテキストを使うべき。MDNの推奨に基づく実装と手動テスト手順。
HTML/CSS/JavaScript でアコーディオン UI を実装する 6 種類の方法をアクセシビリティの観点から比較。button + ARIA や details + summary における、キーボード操作やスクリーンリーダー対応の具体的な違いを検証。
JavaのセレニウムテストフレームワークTestFlyに、アクセシビリティツリーを検証する機能が追加された。ARIA ロール、アクセシブル名、アクセシブル説明をスクリーンリーダーと同じ方法で読み出してテストできる。
(引用)アクセシビリティを、デザインの基本に。 本書は、年齢や障害の有無、利用環境にかかわらず、あらゆるユーザーが必要な情報や体験を得られるよう、「アクセシビリティ」をデザインの初期段階から組み込むための考え方と実践を学べるハンドブックです。 日本でもデジタル庁がウェブアクセシビリティの導入を推進し、「誰一人取り残されない、人に優しいデジタル化」が目指されています。アクセシビリティは、一部の人のための特別…
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザインの手法を用いて、海に親しむ遊びを制作するワークショップ。参加者が遊びのデザイナーとなり、工作を通じて多様な身体への配慮を学ぶ。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。