‐誰にでも使いやすいWebデザイン‐デザインデザイン活動に関するお知らせデザインポリシーデザイン領域ユニバーサルデザインサステナブルデザインアドバンスデザインデザイン・キッズ受賞歴サイトマップデザインへの取り組み誰にでも使いやすいWebデザイン富士通アクセシビリティ・アシスタンス概要インターネットが普及している昨今、身体に障害がある方や高齢者も含む様々な方もWebサイトを利用しやすくなるような配慮が強く望まれています。アクセシビリティ(使いやすさ)は、Webサイト構築に今まで以上に欠かせないものになりました。Assistance」を開発しました。デザインコンセプトウェブ・アクセシビリティを高めるには様々な知識やノウハウが必要になります。実際にウェブを作成している方々にはそのノウハウは十分に広まっていません。富士通アクセシビリティアシスタンスはそれらのノウハウを「簡単に利用できること」を一つの目標に開発し提供しています。「世界中のウェブサイトが誰にでも見やすいサイトになること」がデザイナーの想いです。デザインのこだわりできるだけ多くの方に使いやすいサイト作りのお手伝いをしたいと考え、富士通アクセシビリティアシスタンスをツール群として公開しています。アシスタンスの各ツールを活用することで、以下の問題点を簡単に見つけることができます。色の組み合わせ文字色と背景色について文字色と背景色コントラスト(明度差など)が低いほど、文字は読みにくくなります。弱視のユーザーや高齢者の方にも見やすくするため、明度差を十分に確保することが必要です。色覚障害のあるユーザーは"赤と緑"、"黄と青"の組み合わせ、高齢者の方は"白と黄"、"青と黒"、"青紫と黒"の組み合わせを識別するのが困難な場合があり、色の組み合わせにも配慮する必要があります。(コントラストが高い)図やグラフの配色について色覚障害のあるユーザーや高齢者は、色の違いを把握することが困難な場合があります。ウェブページを白黒印刷した時に、色の違いを把握することが困難な場合もあります。図やグラフの配色を正しく選ぶことやグラフに引き出し線をつけ、領域の違いを表現することがが重要です。音声読み上げ音声ブラウザでページを利用している方のために、正しい読み上げの配慮が必要です。日付を利用する時は「yy/mm/dd」という文字列は、正しく読みあげてくれないため、「yy年mm月dd日」と表記することが必要です。通貨を表記する時も文字列に「¥」を使うと金額として正しく読みあげないため、「円」を使うことで正しく情報を伝えることができるようになります。画像にカーソルを合わせると、白色の帯で画像の説明文(alt属性)が出てきます。画像にalt属性を付けないと、ブラウザで画像を非表示に設定しているユーザーは、画像の内容を把握することができません。音声ブラウザは画像の代わりにalt属性を読み上げるため、alt属性がないと画像内容を把握できません。このように多くのユーザーに正しい情報を的確に伝えるためにalt属性を付けることが重要になります。良い例ここで紹介したものは一例ですが、他にもこのようなことを見つけることが出来ます。