Sécurité et accessibilité dès le départ
La sécurité protège les personnes et leurs données. L’accessibilité permet au plus grand nombre d’utiliser réellement le service. Ce ne sont pas deux étapes à ajouter à la fin d’un projet.
Réflexes de sécurité
- ne placez jamais une clé secrète dans le code envoyé au navigateur ;
- validez les données côté serveur, même si le formulaire les contrôle déjà ;
- appliquez le principe du moindre privilège ;
- mettez les dépendances à jour et vérifiez leurs alertes ;
- utilisez HTTPS et des règles d’accès explicites ;
- collectez uniquement les données nécessaires.
Réflexes d’accessibilité
- utilisez un bouton pour une action et un lien pour une navigation ;
- associez chaque champ à un libellé visible ;
- conservez un ordre de titres logique ;
- rendez le focus clavier visible ;
- ne transmettez pas une information uniquement par la couleur ;
- fournissez une alternative textuelle aux images utiles.
<label for="email">Adresse e-mail</label>
<input id="email" name="email" type="email" autocomplete="email">
Ce libellé aide les lecteurs d’écran, mais aussi les personnes qui utilisent un petit écran ou qui ont simplement besoin d’une interface plus claire.
Défi rapide
Parcourez une page sans souris. Pouvez-vous atteindre chaque action, comprendre où se trouve le focus et revenir en arrière sans piège ? Notez ensuite les données réellement collectées par cette page et justifiez chacune d’elles.