視覚障害者向け Webレイアウト理解マニュアル

この教材は、画面を目で見た経験がない人が、Webサイトやアプリの見た目、配置、まとまり、印象を、言葉と構造で理解するための講義教材です。

スクリーンリーダーで自然に読めることと、晴眼者が目で見て自然に理解できることは、必ずしも同じではありません。この教材では、その認識のずれを重要なテーマとして扱い、目視確認者へ具体的に確認依頼できる言葉と手順を学びます。

テキストカウンター：アクセスをカウントしました。。累計：74アクセス
今日：2アクセス、昨日：1アクセス
運用日数：23日

この教材で重視すること

  • 色や光を見た経験がない人にも分かるように、視覚的な印象を言葉で説明します。
  • CSSは主役ではなく、画面の見た目を変えるきっかけとして扱います。
  • WordPressのブロックエディターやデザインツールを、見た目を統制する手段として扱います。
  • スクリーンリーダーでの理解と、晴眼者の目視理解のずれを明確に扱います。
  • 目視確認者へ依頼するための語彙、質問、修正文例を提供します。

章一覧

この教材で重点的に扱う内容

見た目の評価語辞典

「詰まっている」「浮いている」「悪目立ちしている」などの言葉を、実務で使える形で説明します。

認識ギャップの章

スクリーンリーダーで正しいことと、晴眼者に自然に見えることの違いを扱います。

視線誘導

見える人がページ内でどの順序に目を動かすかを、言葉で整理します。

悪い例と改善例

余白、色、ボタン、見出しの問題を比較し、修正の方向を説明します。

WordPress実務

グループ、カラム、スペーサー、幅広、画像などで起きやすい見た目の問題を扱います。

依頼文と演習

目視確認者や制作者へ送る文例、判断練習、修正依頼の演習を扱います。