動く作品の紹介を、静止像から始めるか決める

動く作品を紹介するページを開いたとき、最初から動きを見せるか、まず一コマと説明を置くか。作品に必要な動きを残しながら、説明を読む人が見る順番を選べるようにしたい場面があります。

この案では、同じ作品・一コマ・説明を使い、静止像から自分で動きを表示する形を主にします。自動で動く形も並べ、止めたあとに別の文章を読み、動きを見に戻るまでを比べます。

一コマと動く作品を、一組で置く

「ひかりの往復」では、青い大きな円と小さな黄の円が六秒で左右を往復します。一コマは原作品の最初の位置です。二つの形と位置は見られますが、往復する順序や六秒という時間を、一コマだけで伝えたことにはできません。

静止像を先に置く場合も、動く作品へ進む入口と説明をそろえます。下の「動きを表示する」を押すと同じ作品が動き、表示中の「動きを止めて一コマを見る」を押すと最初の一コマへ切り替わります。

静止像から始める案

動きを表示する動きを止めて一コマを見る

青い円と小さな黄の円が、六秒で左右を往復します。止まった一コマは形と位置を見るための抜粋で、往復する動きまで置き換えるものではありません。

大きな青い円と小さな黄の円は、左右の位置を変えながら動きます。止まった一コマでは二つの形と位置を見られますが、動きの順序や往復する時間は、動く作品と合わせて確認します。

この切り替えは、動く表示を隠して一コマを見る操作です。途中の時刻で動きを一時停止する方式ではありません。再び表示したときの始まりの位置も、ここでは固定していません。作品のどの時刻を残す必要があるかは、紹介の目的と合わせて決めます。

自動で始めるなら、止めたあとの読み方まで考える

先に動きを見せる案でも、作品・一コマ・説明は変えません。違うのは、初めに動く表示を選んでいる点です。作品の下にある文章を読むときは、操作部で一コマに切り替えられます。

動く表示から始める案

動きを表示する動きを止めて一コマを見る

青い円と小さな黄の円が、六秒で左右を往復します。止まった一コマは形と位置を見るための抜粋で、往復する動きまで置き換えるものではありません。

大きな青い円と小さな黄の円は、左右の位置を変えながら動きます。止まった一コマでは二つの形と位置を見られますが、動きの順序や往復する時間は、動く作品と合わせて確認します。

止めてから別の文章へ移り、その間も一コマが残るかを確かめます。操作部にマウスを置く間や、キーボードの位置を合わせる間だけ止まる形では、ほかの内容を読むために離れたときに動きが再開してしまうことがあります。

この案では、チェックを外すと一コマの表示が続き、再び「動きを表示する」を押すまで動く表示へ戻りません。キーボードではTabでチェック欄へ進み、Spaceで切り替えられます。二案を比べるときは、一方を止めてからもう一方を見ると、表示の違いを追いやすくなります。

開始・停止・説明への移動を、続けて確かめる

静止像から始める案では、初めに一コマと説明が読めること、自分の操作で同じ作品が動くことを確かめます。自動で始める案では、初めに動く表示が出ることと、止める入口が分かることを確かめます。

どちらも、開始だけで終えません。止める、操作部から離れて別の文章を読む、動きを再び表示する、という順に見ます。狭い画面でも作品全体と操作部が収まり、読む文章を動く表示へ重ねていないかを確認します。

W3Cの解説では、自動で始まり、五秒を超えて続き、ほかの内容と並行して表示される動きについて、停止・一時停止・非表示の方法を用意する条件を説明しています。必要不可欠な動きの例外もあります。意図して表示を始める操作と、マウスを置くことや画面をスクロールすることに伴う開始は、同じように扱いません。条件と例は参考資料［1］をご覧ください。

作品に必要な動きを確かめたうえで、どの形を最初に見せるかを選びます。動きを載せることだけ、静止像を置くことだけで、説明まで読める紹介面が決まるわけではありません。

完成した動く作品と、作者が認めた一コマ・説明をそろえ、止めて別の文章を読んだあとも、同じ作品へ戻れる入口を残します。

完成作品と希望する見方を添えて、紹介面を相談する

作品集や作品紹介Webでは、完成した作品画像と確定した原稿から、紹介する順番や置き場を考えます。動く作品の場合も、静止像から始めるか、先に動きを見せて止められる形にするかを、作品の意図と合わせて相談できます。作品集・冊子・デジタル資料の制作案内をご覧ください。

• 完成した動く作品：使用するファイルと、作者が残したい動き・順序・時間。
• 一コマと確定した説明：抜き出してよい位置、説明文、作品との対応を確認する人。
• 掲載できる範囲：動く作品と静止像を掲載できる場所、期間、必要な表示。
• 最初の見せ方と停止の希望：静止像から始めるか、自動で始めるか、停止時にどの位置を見せるか。
• 閲覧環境と確認者：想定する画面と入力方法、読む文章へ移る操作を含めて誰が確認するか。

動画などの形式変換、再生・停止の仕組み、独自の表示機能の提供可否と費用は、完成作品と利用する環境を見て個別に確認します。動く作品のどこを一コマにするか決まっていない場合も、完成している資料とこれから決めたい点を添えてお知らせください。

動く作品と説明を添えて、紹介面の編集を相談する

参考資料

1. W3C WAI — Understanding SC 2.2.2: Pause, Stop, Hide：自動で始まる動きの停止等の条件、例外、停止中にほかの内容を使えることの解説。この記事の配置だけで規格全体への適合を認定するものではありません。