Aller au contenu Aller au menu secondaire English version

AcceDe Web - Aller à l'accueil
AcceDe Web
  • Accueil
  • Les notices
  • Les formations
  • Offres d’emploi
  • Accueil
  • Les notices
  • Les formations
  • Offres d’emploi
Vous êtes dans :
  • Accueil
  • >Les notices AcceDe Web (version 4.1.2)
  • >Notice d’accessibilité HTML et CSS
  • >Bonnes Pratiques

Bonnes Pratiques

En complément des règles obligatoires détaillées dans les sections précédentes de cette notice, la prise en compte des bonnes pratiques listées ci-dessous a un impact bénéfique pour les personnes en situation de handicap.

Par conséquent, nous vous recommandons fortement de les appliquer.

  • Baliser les sigles avec <abbr>
  • Fusionner les liens adjacents pointant vers la même page
  • Identifier l’étape courante des formulaires à étapes multiples avec aria-current="step"
  • Identifier la position courante dans les systèmes de navigation avec aria-current
  • Intégrer le format et le poids des fichiers dans chaque lien et bouton permettant de les télécharger
  • Mettre à jour le <title> de la page quand celle-ci renvoie une erreur ou un message de confirmation
  • Ne pas brider le zoom avec la propriété user-scalable
  • Ne pas utiliser CSS pour afficher les images porteuses d’informations
  • Ordonner les options de manière logique dans les listes déroulantes
  • Signaler l’ouverture des nouvelles fenêtres
  • Utiliser uniquement des tailles relatives (rem, em, %, etc.) pour les points de rupture des media queries
  • Veiller à traduire les contenus masqués

Commentaires

Haut de page

  • Notice d'accessibilité fonctionnelle et graphique
  • Notice d'accessibilité HTML et CSS
    • 1. Structure générale
    • 2. Titre de la page
    • 3. Langues
    • 4. Grammaire HTML et sémantique
    • 5. Liens et boutons
    • 6. Images et icônes
    • 7. Formulaires
    • 8. Listes
    • 9. Tableaux
    • 10. Usage des CSS
    • 11. Zoom et taille des textes
    • 12. Navigation au clavier
    • 13. Iframes
    • 14. Règles supplémentaires pour la conformité
    • Bonnes Pratiques
      • Fusionner les liens adjacents pointant vers la même page
      • Identifier l'étape courante des formulaires à étapes multiples avec aria-current="step"
      • Identifier la position courante dans les systèmes de navigation avec aria-current
      • Intégrer le format et le poids des fichiers dans chaque lien et bouton permettant de les télécharger
      • Mettre à jour le <title> de la page quand celle-ci renvoie une erreur ou un message de confirmation
      • Ne pas brider le zoom avec la propriété user-scalable
      • Ne pas utiliser CSS pour afficher les images porteuses d'informations
      • Ordonner les options de manière logique dans les listes déroulantes
      • Signaler l'ouverture des nouvelles fenêtres
      • Utiliser uniquement des tailles relatives (rem, em, %, etc.) pour les points de rupture des media queries
      • Veiller à traduire les contenus masqués
    • Correspondance entre le RGAA 4.1.2 et AcceDe Web (version 4.1.2)
  • Notice d'accessibilité des principaux composants d'interface riche
  • Notice d'accessibilité éditoriale (modèle)

Rejoignez-nous

Faites de l'accessibilité numérique votre métier !
Voir les offres d'emploi

Contactez-nous

Atalan - Accessibilité numérique et sensibilisation au handicap

Paris (France)
Email : contact@atalan.fr

Toronto (Canada)
Email : contact@atalan.ca

Site web : www.atalan.fr
Atalan sur Twitter
Atalan sur LinkedIn

Pour toutes remarques, suggestions ou réclamations
Email : contact@atalan.fr

Le projet AcceDe PDF

AcceDe PDF

En partenariat avec :

  • Air Liquide
  • Atos
  • BNP Paribas
  • Capgemini
  • EDF
  • Generali Group
  • L'oréal
  • SFR
  • SNCF
  • Société Générale
  • Spie
  • Total energies

Et le soutien de :

  • AbilityNet
  • AnySurfer
  • APF France Handicap
  • Association Valentin Haüy (AVH)
  • CIGREF
  • Fondation Design For All
  • ESSEC
  • Handirect
  • Hanploi
  • Sciences Po
  • Télécom ParisTech
  • Accessibilité : totalement conforme |
  • Aide |
  • Plan du site |
  • CGV et CGU |
  • Mentions légales |
  • Vie privée |
  • Formation en ligne