InDesignのアクセシビリティ上の制限と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
YouTube 海外
裁判所の書類が画像のみの PDF にスキャンされることで、スクリーンリーダーでアクセス不可になり、視覚障害のある弁護士が事件資料にアクセスできない問題。解決技術を紹介する。
政府機関向けPDFのアクセシビリティ監査で頻出する7つのミス（見出しタグの誤り、画像の処理、フォームラベルの欠落など）を紹介。自動チェッカーの合格と Section 508 / Title II 監査結果の相違を解説する。
InDesign、Acrobat、PowerPoint、Word、Canva などでアクセシブルなコンテンツ（PDF、プレゼンテーション、フォーム、電子出版物）を作成する実践的な技法を学ぶ4日間のオンライン研修。WCAG、Section 508、スクリーンリーダーテスト、AI アシスト機能の活用を含む。
PDF 文書をアクセシブルな HTML 形式に変換・編集するツール。WCAG スキャナーと AI アシスト修復機能を備え、複雑な PDF のアクセシビリティ改善を支援する。
そのほかの #デザインシステム ピックアップ
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
Vaadin Button の Web Component 開発の 9 年以上の歴史をとおして、アクセシビリティに対応するための技術的課題と解決方法を描く。Shadow DOM 設計、フォーカス管理、tooltip の accessible 化など、進化の過程を追う。
色調パレットをアクセシビリティ規則に基づいて自動修正するエンジンの実装。WCAG対比率を満たすよう色を調整し、OKLCH色空間を使って知覚的な色合い変化を最小限に抑える。
デザインシステムがキーボード操作とフォーカス移動を一貫して管理するメカニズムを解説。フォーカストラップ・ARIA・イベントハンドリングの実装と、アプリ側のオーバーライドが破壊する事例を紹介。
レトロアーケード美学を保ちながら WCAG コントラスト要件を満たす色設計と、Flash of Unstyled Content を避ける実装方法を解説。CSS カスタムプロパティと同期スクリプトを組み合わせた構成。
プロジェクト管理ツール Pleasanter の 2027 年 1 月予定の UI テーマ改善について、CSS 変数削除やクラス名変更などの変更点をまとめた。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第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 キーで行う手動確認フローを解説。