Carousel
カルーセル_
みんなが使えるカルーセルUIを考える | CyberAgent Developers Blog
https://erikrunyon.com/2013/01/carousel-interaction-stats/
https://www.smashingmagazine.com/2015/02/carousel-usage-exploration-on-mobile-e-commerce-websites/
「サイト訪問者の1%のみがカルーセルをクリックし、その中でも80%前後は1枚目をクリックするが、2枚目以降はさらにその半分以下しかクリックしない」
https://waic.jp/translations/2019/NOTE-wai-aria-practices-1.1-20190207/#carousel
https://sawada-std-design.com/works/d2d-study/accessibility/carousel.html
https://accessible-usable.net/2014/03/entry_140316.html
安易にカルーセルを採用しない
Accessible & Usable
要件の例
ドラッグ・スワイプで切り替えられる
自動で切り替わる
切り替わるintervalを指定できる
何らかのアクションで停止すべき
hoverしているとか、focusしているとか
特に内容が文章のときはそう
内容がバナーなど、テキストの少ない画像リンクなら問題ないかも
Ameba Newsは再生・停止ボタンがある (スマホ表示でも同様)
https://gyazo.com/6d0dd568641ffb8a76bcf4b4a3203bb5
loopする
パララックス
width/height
次・前を切り替えるボタン
dotなどのインジケータ