To view this website correctly, please ensure you have JavaScript enabled.
Some of the website layout and links may not function properly with JavaScript disabled.

Japan / 日本語

花王ウェブアクセシビリティ FAQ

花王のウェブサイト制作に携わっている方からよくいただくウェブアクセシビリティに関する質問と回答を掲載しております。ウェブアクセシビリティ確保・向上の取り組みの際の参考にしてください。

企画・設計
コンテンツ作成
ビジュアル・UIデザイン
開発・オーサリング
運用
チェックシート・その他

新しい質問

2024/3/29　新しい質問を1点追加しました

チェックシート・その他

ウェブアクセシビリティは法律で義務付けられているのでしょうか?

ページのトップへ

質問一覧

企画・設計

見出しの構造化はウェブアクセシビリティの確保や向上になぜ重要なのでしょうか？

アコーディオンメニューを使いたいのですが、アクセシビリティを確保するために気を付けるべきポイントを教えてください。

タブメニューはウェブアクセシビリティの観点から問題があるデザインと言えますか？

「ユニバーサルデザイン」と「アクセシビリティ」は違うものですか？

障害のある人はウェブサイトをどのように閲覧しているのですか?

ゼロから新規サイトを作成する場合と、既存サイトの改修では、ウェブアクセシビリティの確保、向上の取り組みに違いはありますか？

花王のウェブアクセシビリティ方針に則って、企画・制作・運用を実行するために必要なスキルなどがあったら教えてください。

サイトのリニューアル時のウェブアクセシビリティ要件の書き方を、具体的に教えてください。

制作中のサイトに、ウェブアクセシビリティの問題があるかどうかを確認するだけで時間がかかってしまい、公開スケジュールに間に合いそうにありません。

花王のウェブアクセシビリティの目標にむけて、企画・設計段階では、何から着手すればよいでしょうか？

掲載予定のコンテンツに、アクセシビリティ上の問題がある場合は、どうしたらよいですか？ウェブサイトと同時に展開する広告の画像を使う予定ですが、画像内の文字のコントラストが不足しています。

アクセス数が少ないページは、ウェブアクセシビリティの対象外としても問題ないですか？

ページのトップへ

コンテンツ作成

アクセシビリティに配慮した「リンクテキスト」とはどのようなものですか？

動画の字幕にはどのようなものがありますか？

ウェブサイトにナレーションが入っていない動画を掲載する場合、どのような代替手段を提示すべきですか？

ウェブ上のフローチャート画像のアクセシビリティを高めるため、代替テキストの役割とポイントを教えてください。

ウェブサイトの日英翻訳を進める中で、代替テキストの取り扱いについて具体的に教えてください。

イラストを使って4つの手順を示す場合、代替テキストはどのように書くのがベストですか？

ウェブ上の漫画の代替テキストは、どのように設定すれば良いですか？

タブ内のコンテンツに対して、アクセシビリティを向上するためには、何を確認するとよいですか？

動画にはどのような代替コンテンツが必要ですか？

映像とBGMだけの動画に、字幕は必要ですか？

ウェブアクセシビリティに配慮したウェブサイトを作るには、画像は極力使わず、テキストをメインにした方がいいのでしょうか。

文字を含む画像は「代替テキストがあれば問題ない」と判断されますでしょうか？

アイコンにも代替テキストは必要ですか？

画像の代わりとなる代替テキストは、SEOにどのような効果がありますか？

画像の代わりとなる代替テキストを設定することで、ウェブサイトのパフォーマンスにどのような影響がありますか？

画像の代わりとなる代替テキストは短すぎると問題がありますか？

代替テキストをAIに書いてもらってもいいですか？

コンテンツを作る際の注意点はありますか？

CM動画のキャプション(字幕)にはBGMマークや、登場人物が複数名いる場合は誰が話しているか識別できるような工夫がありますが、どこまでキャプションに入れるべきか分かりません。

原稿の執筆段階では問題がなくても、次工程のデザインによっては、アクセシビリティの問題になりそうな場合があります。どのように対応するのがよいですか？

１つの画像を別の箇所にも利用する時に、同じ代替テキストを使っても問題ないですか？

ページのトップへ

ビジュアル・UIデザイン

アイコンフォントをウェブサイトで利用する際、アクセシビリティの観点から注意すべき主なポイントは何ですか？

「色に依存しない表現」とはどのようなデザインですか？

パララックスのデザインをする時に、ウェブアクセシビリティの観点から、気を付けることはありますか？

ボタンのオンマウス時にアニメーションなどのマイクロインタラクションを設定することを検討しています。ウェブアクセシビリティの観点から、気を付けることはありますか？

動きのあるデザインを検討しています。画面内の要素が動いていることは、ウェブアクセシビリティの観点で、問題がありますか？

ウェブアクセシビリティに配慮してデザインすると、ビジュアルがシンプルになりすぎるのではという心配があります。

公開中のウェブサイトは、広告と連動したビジュアルをたくさん掲載しています。今後は広告ビジュアルに対しても、アクセシビリティに配慮した制作が必要でしょうか？

イラストを依頼する時に、どのようなことに気をつける必要がありますか？

ブランドのロゴがコントラスト比の要件を満たしていません。ロゴの色も変更する必要がありますか？

ウェブサイトのデザイン段階では、どのようなことに気をつける必要がありますか？

ページのトップへ

開発・オーサリング

キーボード操作への対応時に気をつけることについて教えてください。

モーダルウィンドウを用いる場合のアクセシビリティのポイントは何ですか？

アクセシビリティを確保したアコーディオンメニューを、もっと使いやすくするには、どうすればいいですか？

選択されていないタブメニューのコンテンツが音声で読み上げられないのは、ウェブアクセシビリティの観点から問題になるでしょうか？

花王AEM Sitesで制作する場合に注意することはありますか。

ページのトップへ

運用

アコーディオンメニューを使って、アクセシビリティを考慮したデザインをしたが、一部のユーザーから使いづらいとの声がありました。どのような対応をすればよいですか？

ライターとデザイナー、オーサーなど、複数の会社で制作する場合は「アクセシビリティ対応チェックシート」を担当会社ごとに記入して、複数ファイルで提出してもよいですか？

画像の代替テキストの内容は、誰がいつ、どのように決定するのがよいですか？

ページのトップへ

チェックシート・その他

NEW

ウェブアクセシビリティは法律で義務付けられているのでしょうか?

花王AEM Sitesで「アクセシビリティ対応チェックシート」を使って制作したウェブサイトの事例はありますか？

「アクセシビリティ対応チェックシート」のチェック担当は１つのフェーズに複数名いてもよいですか？

「アクセシビリティ対応チェックシート」のすべてのフェーズのチェック担当が同じ人でもよいですか？

「アクセシビリティ対応チェックシート」に記載した内容が正しいかどうかは、どのように確認すればよいですか？

「アクセシビリティ対応チェックシート」と「アクセシビリティ簡易確認シート」の違いを教えてください。

「アクセシビリティ簡易確認シート」はどのタイミングで提出すればよいですか？提出期限はありますか？

公開中のウェブサイトのアクセシビリティ改修コストはどのように見積もればよいでしょうか？目安があれば教えてください。

「アクセシビリティ対応チェックシート」で「満たす」としてよいか迷う場合は、どうすればよいですか？

「アクセシビリティ対応チェックシート」は１ページごとに１シートを使って記入しますか？

「アクセシビリティ対応チェックシート」の項目で、ほとんどのページでは満たしているが、１ページだけ満たさないものがあります。「満たす」にチェックしてよいですか？

「アクセシビリティ対応チェックシート」の項目をすべて満たさないと、公開できませんか？

「アクセシビリティ対応チェックシート」にある「対応指標」は、ウェブアクセシビリティガイドラインの「3. 目標とする品質基準」とどのような違いがありますか？

「対応指標」の優先度とは何ですか？

「アクセシビリティ簡易確認シート」はウェブサイトすべてのページを確認する必要がありますか？

「アクセシビリティ簡易確認シート」で利用するチェックツールを使って「アクセシビリティ対応チェックシート」のチェックを行っても問題ないですか？

「アクセシビリティ簡易確認シート」の結果にエラー/NG判定の項目がありませんでした。改修しなくてよいということですか？

ページのトップへ

表記について

花王株式会社のウェブサイトでは、「障害」の表記として、一部のコンテンツで「障がい」を使用しておりますが、本ガイドラインにおいては、スクリーンリーダーでのテキストの読み上げを考慮し、漢字表記としております。

Page Top