障害者のためのサイトのユーザビリティを改善します。

サイトのさまざまな要素をカスタマイズすると、障害のある人や、スクリーン リーダーなどの支援技術を使用している人など、すべての訪問者にとって、サイトがよりアクセシブルでナビゲートしやすいものになります。

このガイドでは、コンテンツの設計と構造化のベスト プラクティスを紹介します。

注: このガイドは、開始に役立つ資料として利用できますが、法的アドバイスとして解釈したり依拠したりはしないでください。Squarespaceは、サイトを特定のアクセシビリティに関する法律、規制、または基準に準拠させるためのアドバイスを提供することはできません。

レイアウト

明確なレイアウトとデザインでWebサイトを作成すると、弱視の人や認知障害のある人にとって役立ちます。また、わかりやすく一貫性のあるレイアウトは、パソコンに自信のない訪問者や、モバイル端末などの小さな画面でサイトを閲覧している訪問者にもメリットがあります。ナビゲーション メニュー、リンク、テキスト セクションなど、Webサイトのさまざまな部分を明確に識別できるようにする必要があります。

キーボード ナビゲーション

訪問者によっては、マウスの代わりにキーボードを使用してサイトを移動する場合があります。また、キーボードのアクセシビリティは、音声認識やスクリーン リーダーなどの特定の支援技術にとって重要です。キーボードのみを使用してサイトをナビゲートし、サイトのアクセシビリティをテストしてみてください。

フォーカス アウトラインのカスタマイズ

バージョン7.1のSquarespaceサイトには、ナビゲーション リンクやフォーム フィールドなど、ページ上の項目を強調表示するフォーカス アウトライン機能が組み込まれていますが、フォーカス アウトラインはすべてのサイトとページで標準です。線の色や太さをカスタマイズすることはできません。訪問者がキーボードのTabキーを押すと、アウトラインが表示されます。Tabキーを初めて押すと、[スキップしてコンテンツに移動] というメッセージが表示されます。スペースバーを押すと、サイトのヘッダーとナビゲーションをスキップして、サイトのコンテンツに直接移動できます。また、Tabキーを長押しすると、他のコンテンツに移動できます。

注:フォーカスアウトライン機能に関する問題を避けるため、ブラウザが最新版であることを確認してください。 ブラウザのバージョンを更新するには、次の手順に従ってください。

Squarespaceのキーボード ショートカット

サイトの管理と編集に使用できるキーボードショートカットについて詳しく説明します。

創造エディター

創造エディターのセクションを編集するときは、次のベスト プラクティスに留意してください。

• ブロックがオーバーラップしている場合でも、すべてのブロックの内容が訪問者に引き続き表示され、使用可能であることを確認してください。
• さまざまなブロック エレメントがどのように相互作用するかを考慮してください。たとえば、フォーム ブロックがある場合、その上にボタン ブロックを配置すると、訪問者はどのボタンがフォームを送信するためのものかわからない可能性があるため、そのような配置をしない方がよいことがあります。
• 他の種類のコンテンツの上にテキストを配置する場合は、それが読みやすいことを確認してください。たとえば、ブロックに色の背景を追加したり、画像上で目立つようにテキストの色を変更したり、テキストをまだ読める場所に移動したりすることなどがあげられます。詳細については、「アクセスしやすいサイト コンテンツを作成する」を参照してください。