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