音声読み上げやキーボードだけでも使えるホームページにするには、何を頼めばよいですか？
小さな会社でホームページの運用を担当しています。お客様から、画面を音声で読み上げて使うと商品案内が分かりにくいとのご指摘を受けました。説明を画像にまとめた部分が多く、問い合わせもマウスで操作する前提になっているようですが、私にはどこが使いづらいのか十分に確認できません。作り直しには予算の制約があるため、まず商品を調べて問い合わせるまでの不便を減らしたいです。制作会社にはどのような確認と修正を頼み、直ったことをどう確かめればよいでしょうか？
AIはこう答えた
全面的な作り直しを前提にせず、まず「商品を探す→説明を読む→問い合わせを送る」までを優先して点検・修正するよう頼みましょう。依頼書には、次の内容を入れると具体的です。 **画像と説明の修正** 画像に詰め込んだ商品説明は、ページ上の文字として読める形にする。写真や図には、内容が伝わる説明を付ける。見出しと読む順番も、音声で意味が通るよう整えてもらいます。 **キーボード操作の修正** メニュー、商品へのリンク、入力欄、送信ボタンを、マウスなしで使えるようにする。今どこを操作しているかが枠などで分かり、途中で動けなくならないことも確認対象です。 **問い合わせ画面の修正** 入力欄の名前、必須項目、入力間違いの内容と直し方、送信完了が、音声でも分かるように頼みます。 **直ったことの確認** 自動点検だけで合格にせず、制作会社に音声読み上げとキーボードだけで実際に操作してもらいます。商品説明の理解から、わざと入力を間違えて直し、送信するところまで確認しましょう。 ご自身でも、マウスを使わずタブキーで移動し、操作位置が見えるか確かめられます。ただし、それだけで全ての問題が分かるわけではありません。 費用は今の作りによります。「点検・修正・再確認」を分けた見積もりを求め、操作を妨げる問題から直す方針にしましょう。確認したページ、使用した読み上げ機能、結果、残った問題も記録として受け取ることをおすすめします。
この回答は、AIがWeb上の公開情報を調べて参考情報としてまとめたものです。あなたの状況に合わせた判断は、プロの回答やチャット相談をご利用ください。
実際のプロはどう考えているか
Web上で公開されている制作会社・専門家の見解9件を編集部が収集し、立場ごとに集計したものです。要旨は編集部による要約で、全文は各出典をご覧ください。
専門家の見解をまとめると、画像の説明を音声でも理解できる形にし、キーボードだけで入力・送信できるよう直したうえで、実際の操作で確かめることが重要です。 予算が限られる場合は、商品確認から問い合わせまでの流れを優先し、修正前後で同じ操作を試す進め方が参考になります。
説明の文字は画像にせず、画像にする場合も同じ内容を読み上げられる文章で用意するよう勧めています。読めるだけでなく、入力・送信までキーボードで完了できる確認も必要としています。 出典
画像内の文字は、内容を漏らさず読み上げ用の説明に含める考えです。複雑な図や長い説明は画像に説明を付けるだけで済ませず、本文の文章や表でも伝えるよう勧めています。 出典
画像と同じ情報を文章でも提供し、見出しを読み上げソフトにも分かる形で設定するよう勧めています。リンクの文言も、移動先を判断できる具体的な内容にする考えです。 出典
キーボードだけで自社サイトを試し、操作中の場所を示す枠と、開けなかったメニューを修正しています。音声でもメニューボタンの意味や開閉状態が分かるよう改善しています。 出典
リンクや入力欄をキーボードだけで操作でき、特定の場所から抜け出せなくならない作りを求めています。マウスを使わず操作し、現在位置を示す枠も確認する方法を示しています。 出典
問い合わせの入力欄と項目名を結び付け、何を入力するか音声でも分かるようにする考えです。必須項目を明示し、入力ミスの場所・原因・直し方も読み上げで伝えるよう勧めています。 出典
依頼時に確認するページや合格の基準、確認方法を決める考えです。自動検査だけで判定せず、目視、キーボード操作、音声読み上げを組み合わせて確かめる必要があるとしています。 出典
日常的に音声読み上げを使う視覚障害当事者が、情報確認や入力などの目的を達成できるか検証します。問題箇所と解決策の報告に加え、録音・録画で制作側と状況を共有する方法を示しています。 出典
問い合わせなど重要な利用の流れを一つ選び、途中で進めなくなる問題から直す考えです。修正後は同じ端末・条件・操作で再確認し、結果を記録するよう勧めています。 出典
プロの回答
この質問への、あなたの状況を踏まえたプロの回答を募集中です。回答が付き次第、このページに掲載されます。