InDesign でのアクセシビリティベストプラクティスと、アクセシブルな PDF 出力方法を解説する。コンテンツのスレッド処理と段落スタイル設定を適切に行うことで、アクセシブルな PDF が生成できることを示す。
シェアックリップ
シェアされたアックリップです。
そのほかの #PDF ピックアップ
PDF作成時の画像代替テキストレビュー手順を解説したもの。AIで下書きした代替テキストを人がレビューする際、画像の目的・周辺文脈・PDF形式後の状態を確認するプロセスを示す。
AI チャットを使用して PDF のアクセシビリティ問題を修正するツール DocAccess Workbench の実演。見出しレベルやカラーコントラストを簡単に改善できる。
Court documents get scanned into image-only PDFs a screen reader can't touch — locking blind lawyers
裁判所の書類が画像のみの PDF にスキャンされることで、スクリーンリーダーでアクセス不可になり、視覚障害のある弁護士が事件資料にアクセスできない問題。解決技術を紹介する。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス(見出しタグの誤り、画像の処理、フォームラベルの欠落など)を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。
InDesign、Acrobat、PowerPoint、Word、Canva などでアクセシブルなコンテンツ(PDF、プレゼンテーション、フォーム、電子出版物)を作成する実践的な技法を学ぶ4日間のオンライン研修。WCAG、Section 508、スクリーンリーダーテスト、AI アシスト機能の活用を含む。
PDF 文書をアクセシブルな HTML 形式に変換・編集するツール。WCAG スキャナーと AI アシスト修復機能を備え、複雑な PDF のアクセシビリティ改善を支援する。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目(色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重)の検査スクリプトとコマンド例を提示。自動検査の限界(説明文の内容評価、ボタン間隔)についても述べる。
WCAG 2.1のコントラスト比判定を相対輝度から計算し、5つの基準(AA/AAA通常文字/大文字、UI要素)に対応するTypeScriptの実装方法を解説。背景色に応じた合格色の自動提案アルゴリズムも含む。
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
ランディングページのキーボードアクセシビリティチェック。フォーカスリングの表示確認方法、:focus-visible による CSS 実装例、Tab キーで行う手動確認フローを解説。
そのほかの #UXデザイン ピックアップ
Kyoto UI自由研究室 #1 (2026/11/13 19:00〜)
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる?|PROJECT SOLITの実践
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザインでつくる海に親しむあそびづくり
インクルーシブデザインの手法を用いて、海に親しむ遊びを制作するワークショップ。参加者が遊びのデザイナーとなり、工作を通じて多様な身体への配慮を学ぶ。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
WCAG 2.2達成基準3.2.3『一貫したナビゲーション』について、デザイナー・コーダー両方の視点から解説。サイト内の共通メニューの並び順を統一する必要性と実装方法。