Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 700 cours dispensés par des experts.

Créer des interactions Switch à partir des cases à cocher

Créer des interactions Switch à partir des cases à cocher

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Créer des interactions Switch à partir des cases à cocher

“

Dans cette vidéo, je vais transformer ces fameuses cases à cocher en toggle button. On appelle ça également en anglais des switchs. Direction le code HTML. Comment vais-je repérer ces éléments ? Donc ce sont des éléments input de type checkbox. Je vais leur rajouter un attribut dans le code HTML, ce sera l'attribut role égal switch. Alors cet attribut roll, il aura deux effets. Tout d'abord, il va me permettre d'aller sélectionner ces éléments depuis ma feuille de style CSS, mais en plus cet attribut rôle va améliorer l'accessibilité de ces éléments. Les personnes souffrant de handicaps et qui viennent visiter ma page web avec des technologies d'assistance grâce à rôle égal Switch, ces technologies d'assistance vont clairement identifier ces éléments comme un bouton switch et donc vont pouvoir correctement décrire et utiliser cet élément. Maintenant, dans ma feuille de style CSS, donc je suis toujours dans mon contact form. J'ai des éléments input qui possèdent un attribut rôle qui…

Table des matières