トップページ用の<HeroCarousel>

[herablog]

AmebaNewsで実装したトップページのカルーセルはAmeba(Spindle)で定義する機能・アクセシビリティ要件を満たしているため、Spindle UIのコンポーネントとして配布するか検討しています。

トップページを作る際によくカルーセルは利用されており、ユーザーインターフェイスの統一・コードの再利用・アクセシビリティ要件の保証などの観点で役に立つかなと考えています。配布する際には各アイテムのスタイルはカスタマイズできた方が良いかもしれません。

ただし、カルーセルUI自体を推奨するものではない (参考: https://accessible-usable.net/2014/03/entry_140316.html )ため、トップページ用のカルーセルとして<HeroCarousel>にするのはどうかと考えています。最低限「カルーセル案件来るたびに担当者が一から調べてそれぞれ別のライブラリ使ってる」状態からの脱却を目指します。

<HeroCarousel>を利用しそうなページ

• https://news.ameba.jp/
• https://ameblo.jp/
• https://dokusho-ojikan.jp/
• https://official.ameba.jp/

AmebaNewsのカルーセルは、レスポンシブ対応、キーボード対応、自動再生の停止などの機能がある。

[herablog]

完了してます。