Skip to content Skip to secondary menu Version Française

AcceDe Web - Aller à l'accueil
AcceDe Web
  • Homepage
  • Accessibility Guidelines
  • Accessibility Trainings
  • Homepage
  • Accessibility Guidelines
  • Accessibility Trainings
You are here:
  • Homepage
  • >AcceDe Web Guidelines
  • >HTML and CSS accessibility guidelines
  • >Complementary guidelines

Complementary guidelines

In addition to the mandatory rules detailed in the previous chapters of this manual, taking into account the additional recommendations below is beneficial for people with disabilities.

We therefore strongly recommend that you apply them.

  • Tag abbreviations with <abbr>
  • Add file format and size to all download links and buttons
  • Combine adjacent links pointing to the same page
  • Do not disable the zoom with the user-scalable property
  • Do not use CSS to display images that carry information
  • Identify the current position in navigation systems with aria-current
  • In forms with multiple steps, identify the current step using aria-current="step"
  • Logically organize the items of dropdown lists
  • Make sure that hidden content is translated
  • Send a notification when a new window is opened
  • Update the page <title> when an error or confirmation message is displayed
  • Use only relative sizes (rem, em, %, etc.) for media query breakpoints

Comments

Back to top

  • Graphic and functional accessibility guidelines
  • HTML and CSS accessibility guidelines
    • 1. General structure
    • 2. Page title
    • 3. Languages
    • 4. HTML Grammar and Semantics
    • 5. Links and Buttons
    • 6. Images and Icons
    • 7. Forms
    • 8. Lists
    • 9. Tables
    • 10. Using CSS
    • 11. Zoom and font size
    • 12. Keyboard Navigation
    • 13. Iframes
    • 14. Additional rules for compliance
    • Complementary guidelines
      • Add file format and size to all download links and buttons
      • Combine adjacent links pointing to the same page
      • Do not disable the zoom with the user-scalable property
      • Do not use CSS to display images that carry information
      • Identify the current position in navigation systems with aria-current
      • In forms with multiple steps, identify the current step using aria-current="step"
      • Logically organize the items of dropdown lists
      • Make sure that hidden content is translated
      • Send a notification when a new window is opened
      • Update the page <title> when an error or confirmation message is displayed
      • Use only relative sizes (rem, em, %, etc.) for media query breakpoints
  • Main rich interface components accessibility guidelines
  • Accessibility guidelines for editors (template)

Contact us

Atalan - eAccessibility consultancy - Accessibilité numérique

Toronto (Canada)
Email: contact@atalan.ca

Paris (France)
Email: contact@atalan.fr

Website: www.atalan.fr
Atalan on Twitter
Atalan on LinkedIn

For any comments, suggestions or complaints
Email: contact@atalan.fr

AcceDe PDF project

AcceDe PDF

Partners:

  • Air Liquide
  • Atos
  • BNP Paribas
  • Capgemini
  • EDF
  • Generali Group
  • L'oréal
  • SFR
  • SNCF
  • Societe Generale
  • Spie
  • Total energies

Observers:

  • AbilityNet
  • AnySurfer
  • APF France Handicap
  • Association Valentin Haüy (AVH)
  • CIGREF
  • Design For All Foundation
  • ESSEC
  • Handirect
  • Hanploi
  • Sciences Po
  • Télécom ParisTech
  • Site map |
  • Legal notice |
  • Login (online trainings)