Pixpa で Web サイトをデザイン、追加、および構築するときは、Web アクセシビリティのベスト プラクティスを念頭に置くことをお勧めします。 このガイドに従って、あなたのウェブサイトを障害者がアクセスできるようにしてください。 スクリーン リーダーやその他のテクノロジを使用して、Web サイトにアクセスできます。
Pixpaには、Webサイトのアクセシビリティを向上させるために使用できる組み込み機能がいくつかあります。
- Web サイトのサイト言語を定義します。 さらに詳しく.
- すべてのリンクにわかりやすいアンカー タグを割り当てます。
- メニュー項目間の間隔。 さらに詳しく.
- 連絡先/支払いフォームのラベルと説明を指定します。 さらに詳しく.
サイトのアクセシビリティをテストするには、こちらのツールをご利用ください – https://wave.webaim.org/
ウェブサイトのアクセシビリティを向上させるために注意すべき点:
ページタイトル
ユーザーが新しいウェブページにアクセスすると、スクリーンリーダーはまずページタイトルを読み上げます。ウェブサイトのすべてのページに、ページの内容の概要を示すタイトルを設定してください。各ページタイトルは、他のページタイトルと明確に区別できるものにする必要があります。
テキスト見出し
ページのデザインを知るために、スクリーンリーダーはページの HTML コードを読み取ります。 スクリーン リーダーに対するページのアクセシビリティを高めるには、ページの各セクションに見出しが必要です。
テキストに適切な見出しフォントを割り当ててください。詳細はこちらをご覧ください。
テキストリンク
リンクの目的を前後のテキストに必ず記述してください。これはSEO対策にも役立ちます。前後のテキストに「リンク」という単語は追加しないでください。
正しい文：私についてもっと知りたい方は、「自己紹介」ページをご覧ください。
間違った文章:私についてもっと知りたい場合は、ここをクリックしてください。
行間隔
テキストの行間が十分であることを確認してください。訪問者は、必要に応じて行間を自由に調整できます。デザインセクションから、任意のフォントの行の高さと文字間隔を管理できます。
画像
Web サイトの画像が、すべての人 (障害のある人も含む) にとって簡単にアクセスできるようにしてください。 画像の代替テキストと .gif ファイル形式は重要な役割を果たします。
代替テキスト
スクリーンリーダーがウェブページを解析する際、画像を認識し、関連付けられた代替テキストを訪問者に読み上げます。画像には適切な説明的な代替テキストを追加してください。背景画像やページ装飾用の画像には代替テキストは必要ありません。
.gifファイル
Pixpaでは、ウェブサイトに.gifファイルを追加できます。ただし、訪問者の身体に何らかの反応を引き起こす可能性があるため、.gifファイルが1秒間に3回以上再生されないようにしてください。
色
色だけでは、スクリーンリーダーを使用する障がい者には情報が伝わりません。似たような色ではなく、コントラストの異なる色を必ず使用してください。ウェブサイトの色を管理しましょう。
動画
2 つのページに XNUMX つ以上のビデオを追加しないでください。動きが増えると、動きに不寛容な人にとって不便になる可能性があります。
訪問者の体に物理的な反応を引き起こす可能性があるため、動画コンテンツが 3 秒間に XNUMX 回以上再生されないようにしてください。
オーディオ
Web サイトに音声トランスクリプトを追加して、聴覚障害者が音声コンテンツにアクセスできるようにします。