Existe-t-il un bon cas d'utilisation pour un bouton flottant au-dessus du contenu de défilement?

1. Quel est le but d'un bouton d'action flottante?
2. Où mettez-vous le bouton d'action flottante?
3. Les boutons flottants sont-ils accessibles?
4. Est de retour au bouton supérieur nécessaire?

Quel est le but d'un bouton d'action flottante?

Un bouton d'action flottante (Fab) est un bouton circulaire qui déclenche l'action principale dans l'interface utilisateur de votre application. Cette page vous montre comment ajouter le Fab à votre mise en page, personnaliser une partie de son apparence et répondre aux robinets de bouton.

Où mettez-vous le bouton d'action flottante?

Le bouton doit être placé dans le coin inférieur droit de l'écran. La marge recommandée pour le bas est de 16 dp pour les téléphones et 24dp pour les tablettes. Dans l'exemple ci-dessus, 16dp a été utilisé.

Les boutons flottants sont-ils accessibles?

Le FloatingActionButton est accessible par les lecteurs d'écran et fournit Wai-Aria, section 508, WCAG 2.1, et support de clavier. L'accessibilité fait partie de Kendo UI pour JQuery, une bibliothèque d'interface utilisateur professionnelle avec plus de 110 composants pour la construction d'applications modernes et riches en fonctionnalités.

Est de retour au bouton supérieur nécessaire?

Les boutons de retour aux meilleurs sont nécessaires pour les pages Web avec défilement continu, ou une page qui comprend une longue quantité de contenu. Une bonne directive consiste à inclure un bouton de retour à haut pour toute page Web qui dépasse 4 écrans.