§17-04Mobile

Floating action button (FAB)

画面右下に浮かぶ主要操作のボタンを置く。

画面のどこからでも主要な操作に手が届くようにする。新規作成や投稿のように、利用の中心となる操作が一つあるときに向く。

実装のポイント

画面の主要アクションを 1 つだけ載せ、position: fixed で右下に置く。下端は safe-area-inset-bottom を加算し、アイコンのみなので aria-label を必ず付ける。