アクセス可能なスライドショーの作成：包括的なガイド

スライドショーは組織のWebサイトで普及していますが、アクセシビリティの要件を見(jiàn)落としているため、アクセスできないことがよくあります。 BootstrapやFoundationなどの人気のあるWeb開(kāi)発フレームワークは、アクセス可能なスライドショーを本質(zhì)的にサポートしておらず、実質(zhì)的な変更が必要です。この記事では、包括的なスライドショーを作成するための重要なアクセシビリティの原則の概要を説明します。 後続の記事では、実用的なコードの例を提供します

一般的なスライドショータイプ（図1および2）は、頻繁に重要な機(jī)能を欠いています。能力の一時(shí)停止とキーボードのアクセシビリティ。 多くのデザインは、スライドをナビゲートするときにキーボードのフォーカスを維持できません。

5つのコア原則は、アクセス可能なスライドショーを保証します：

1. 移動(dòng)に対するユーザーの制御：WCAG 2.2.2は、5秒以上続く自動(dòng)移動(dòng)コンテンツを一時(shí)停止、停止、または非表示にするメカニズムを義務(wù)付けます。 簡(jiǎn)単な一時(shí)停止/停止リンクが効果的です?？赡埭扦ⅳ欷?、アニメーショントランジションをそらすことは避けてください。

2. 目に見(jiàn)えるコントロールとアクセス可能なコントロール：コントロール（停止、開(kāi)始、ナビゲーション）は次のとおりです。

   はっきり目に見(jiàn)える：
   • 十分に大きく、十分な色のコントラストを備えています。
   キーボード、マウス、およびタッチを介してアクセス可能：
   • ボタンまたはリンクが理想的です。 tabindexクリアフォーカス/ホバー指標(biāo)：
   焦點(diǎn)の明確な視覚的変化、コントラストの要件を満たします。 シェイプの変化は、色の変化だけでも望ましいです
   • よく設(shè)計(jì)されたコントロールの例は、AccessibilityOZ（図3＆4）やグリフィス大學(xué)（図6）などのサイトにあり、デスクトップとモバイルの両方の明確な一時(shí)停止ボタンとナビゲーションコントロールを示しています。 Monash Universityは、自動(dòng)ムーブメントなしでモバイルに優(yōu)しいスライドショーの例を提供します（図5）。

3. 論理フォーカス順序：タブ順序は、視覚的なレイアウトとHTML構(gòu)造を反映する必要があります。コントロール（特に一時(shí)停止）はコンテンツの前にあります。 コンテンツの変更は、現(xiàn)在のフォーカス要素の前に発生しないでください

4. 有効なコードとスタイル：スライドショーは、スタイルシートを無(wú)効にして機(jī)能する必要がありますが、プレゼンテーションは異なる場(chǎng)合があります。 StyleSheetが無(wú)効になっている場(chǎng)合、予期しないコンテンツのシフトやオーバーラップを避けてください。 テキストは、ブラウザのテキストサイズの調(diào)整でスケーリングする必要があります。モバイルバージョンは、ピンチからズームまでサポートする必要があります

5. 意味のある代替手段：

   スライドショーにアクセスできないユーザーにテキストベースの代替品を提供します。 これには、スライドコンテンツとリンクを繰り返す「スクリーンリーダーのみ」セクションが含まれ、理想的にはスライドショーが表示される場(chǎng)所に配置されます。 この代替案が、提供された情報(bào)の観點(diǎn)からスライドショーに相當(dāng)することを確認(rèn)してください。 畫(huà)像には、適切な屬性が必要です。 alt

結(jié)論：

本當(dāng)にアクセスしやすいスライドショーを作成するには、これらの原則を慎重に検討する必要があります。 次の記事では、これらの目標(biāo)を達(dá)成するための実用的なコード実裝を提供します。 アクセス可能なスライドショーに関するよくある質(zhì)問(wèn)（FAQ）（このセクションは、貴重な補(bǔ)足情報(bào)を提供するため、元の入力からほとんど変化しません。）

アクセス可能なスライドショーは何ですか？

スライドショーにアクセスできるようにするにはどうすればよいですか？

altテキストとは何ですか？なぜそれが重要なのですか？

スライドショーにキャプションを追加するにはどうすればよいですか？ キーボードナビゲーションが重要なのはなぜですか？ どうすればスライドショーの言語(yǔ)を明確でシンプルにすることができますか？ 転寫(xiě)産物とは何ですか？なぜそれが重要なのですか？ スライドショー用の転寫(xiě)産物を作成するにはどうすればよいですか？ 自動(dòng)化されたツールを使用して、スライドショーにアクセスできるようにすることはできますか？ スライドショーにアクセスできるようにすることの利點(diǎn)は何ですか？

以上がスライドショーの耐え難い能力のないの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。