アクセシビリティ
誰もが利用できるウェブサイト
世界では約6人に1人が障害を抱えて暮らしています (世界保健機関)。Page Builder Sandwich は、キーボードやスクリーンリーダーで操作でき、動きによるめまいを感じる人のために静止状態を保ち、誰かを排除してしまう問題がある場合には作成中に警告を表示するページを構築します。
あなたにとってのメリット
誰もがあなたのサイトを利用できます
マウスがなくても動作します
メニュー、タブ、アコーディオン、スライダー、ダイアログはキーボードで開閉でき、スクリーンリーダーが変更内容を読み上げます。
必要な人に落ち着きを
視覚効果の削減をリクエストしているデバイスを使用する訪問者には、アニメーション、マーキー、カウンターが静止した状態で表示されます。
公開する前に検出
チェッカーが作成中に画像の代替テキストの不足、不十分な色のコントラスト、レベルが飛んでいる見出しをフラグ付けします。Pro ならワンクリックで修正できます。
すべての人のために作られたブロック、自らの言葉で
- アニメーションテキスト: スクロールして表示されたときに、自動でタイピングされたり、フェードインや浮かび上がったりする段落や見出し。視覚効果の抑制を希望する訪問者には静止表示されます。
- カーソルエフェクト: セクションまたはページ全体でマウスポインターに追従するリング、スポットライト、または短い軌跡。タッチスクリーンおよび視覚効果の抑制を希望する訪問者にはオフになります。
- マーキー: ページ上をスクロールする短いテキストのライン (一時停止ボタン付き)。視覚効果の抑制を希望する訪問者には静止表示されます。
- パーティクル背景: ブロックの背後をドットがゆっくりと漂うセクション。視覚効果の抑制を希望する訪問者には静止画像として表示されます。
- チェックリスト: 完了または未完了のマークが付いたタスクリスト。チェックマークだけでなく、スクリーンリーダー用のテキストでも読み上げられます。
- タブ: タブ形式のコンテンツ。訪問者はマウスやキーボードでパネルを切り替えることができます。
- ツールチップ: ホバーやキーボードフォーカス時に簡単な説明を表示する単語やフレーズ。
- 比較表: プランや製品を並べて比較。スクリーンリーダーが言葉として読み上げる○×マーク付き。
- フリップボックス: ホバー、キーボードフォーカス、またはタッチスクリーンの専用ボタンで裏返り、詳細を表示するカードです。
- ロゴマーキー: ロゴがゆっくりスクロールし、一時停止ボタン付き。アニメーションの削減を希望する訪問者には静止表示されます。
- ギャラリー: メイソンリー、均等割り付け、グリッドレイアウトの画像を、アクセシブルなライトボックスで開きます。
- 画像アコーディオン: 画像パネルが横に並び、ポインターやキーボード操作が当たると幅が広がってテキストを表示します。
- 視差効果 (パララックス) 画像: ページのスクロールに合わせてゆっくり動く画像。動作の低減を好む訪問者には静止します。
- スライダー: スライド、画像、投稿、製品のカルーセル。スワイプ、ボタン、自動再生に対応し、アクセシブルです。
すべての機能をここに
フリー
アクセシビリティチェッカー
ページ作成中に代替テキストの不足やコントラスト比の不足などの問題を検出してフラグを立てます。
Pro
ワンクリックのアクセシビリティ修正
alt テキストがない画像、レベルがスキップされている見出し、「ここをクリック」といったリンクテキストを検出し、一括で修正します。
アクセシビリティについてのよくある質問
Page Builder Sandwich はアクセシブルですか ?
ブロックはキーボード、スクリーンリーダー、視覚効果の削減に対応するよう構築されており、無料プラグインにはアクセシビリティチェッカーが含まれています。コンテンツ自体のアクセシビリティも重要ですが、チェッカーが修正すべき箇所を指摘してくれます。
アクセシビリティチェッカーには追加料金がかかりますか ?
いいえ。無料プラグインに含まれています。Page Builder Sandwich Pro ではワンクリック修正機能が追加されます。
アクセシビリティを考慮して構築されているブロックはどれですか ?
すべてのブロック。このページに記載されているブロックのうち、14個がそれぞれの説明でそう述べています。
Page Builder Sandwich を試す
44個のブロックで無料で始めるか、非公開のデモページで Pro を使って本格的なエディターをお試しください。登録は不要です。