アニメーションのあるサイトはユニークですが、常にアクセスしや... ノート

アニメーションのあるサイトはユニークですが、常にアクセスしやすいとは限りません。

ユニークなポートフォリオ・ウェブサイトは、キネティック・タイポグラフィーや3Dエフェクトなどのエンゲージメント要素を通じて、オーディエンスの注意を引こうとしています。ただし、多くのモダンデザインは、ループアニメーションやオートプレイ・ビデオなど、特にアクセシビリティーを軽視しています。これらの要素は、ADHDを持つユーザーやスクリーン・リーダーを使用するユーザーにとって、動きを停止する方法が必要です。アニメーションは視覚的な価値を追加しますが、アクセシビリティーのコストを支払うことになります。Web Content Accessibility Guidelines(WCAG)は、モーションを責任を持って組み込むための基準を提供しています。ガイドライン1.4.2(オーディオ・コントロール)は、オートプレイ・アUDIOを一時停止するメカニズムを要求し、アシスト・テクノロジーのユーザーに利益をもたらします。ガイドライン2.2.2(一時停止、停止、隠す)は、5秒以上の自動的に動くコンテンツに対するコントロールを義務付け、ADHDやディスレクシアを持つユーザーにとって非常に重要です。ガイドライン2.3.1(3回以下のフラッシュや閾値以下)は、光過敏性てんかんや平衡障害を持つユーザーを保護するために、1秒あたり3回以上のフラッシュや特定の閾値を超えるコンテンツを禁止しています。継続的なモーションは、アシスト・テクノロジーに対するバリアーを創造し、認知負荷を増加させ、モーション・シックネスを引き起こし、ユーザビリティーとページ・パフォーマンスに影響を与えることになります。アクセシブルなモーションを実現するため、デザイナーは、一時停止/停止ボタンを追加し、アニメーションを短く滑らかにし、不要なオートプレイを避け、アシスト・テクノロジーでテストし、アニメーションを目的的に使用し、ユーザーのモーション削減の設定を尊重する必要があります。最終的には、記憶に残るウェブサイトは、トレンドだけでなく、アクセシビリティーも考慮して、すべてのユーザーにとってポジティブなユーザー・エクスペリエンスを保証することになります。
CdXz5zHNQW_VizQcW5Rli.png