EPUBリーダー表示テストを活用した表示性能検証方法を、縦組みや画像表示、背景色・罫線などの課題事例を交えて解説している。
シェアックリップ
シェアされたアックリップです。
そのほかの #電子書籍 ピックアップ
出版業界向けセミナーレポート。デジタル出版(EPUB制作)を既存の工程に組み込むことで、視覚障害のある人など読書に困難のある人も自分で本を選んで買える環境を実現する方法を実務的に解説した講演内容。
技術ドキュメント『Kubernetes The Hard Way』をe-reader向けに再フォーマット。EPUBの『リフローブル』機能によってコードブロック・テーブルを画面幅に自動調整し、ライト/ダークモード対応など、e-reader環境での読みやすさを改善したプロジェクト。
視覚障害のある人が長年待ち望んでいた人気小説シリーズが電子書籍化され、スクリーンリーダーで初めて読める意義。
Kindle Direct Publishingでの電子書籍出版時に、代替テキスト等のアクセシビリティ機能を実装するプロセスと検討を記録。
EPUB 3形式の電子書籍制作において、スクリーンリーダーユーザーなどすべての読者が利用できるデジタル書籍設計の方法を解説するガイド。
VOICEPEAKを使用してEPUB3 Media Overlaysでハイライト同期する日本語オーディオブックを個人で制作した手法と実装について解説している。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第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 キーで行う手動確認フローを解説。