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
  • >7. Forms

7. Forms

  • 7.1. Use the <label> tag with the for and id attributes to label form fields with a visible name
  • 7.2. Use the title attribute to label form fields that don’t have a visible label
  • 7.3. Use the autocomplete attribute to facilitate auto-fill
  • 7.4. Add help text directly to the <label> tags
  • 7.5. Add required or aria-required="true" to mandatory fields
  • 7.6. Add error messages and correction suggestions directly into the <label> tag
  • 7.7. Group and label related fields with <fieldset> and <legend>

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

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
      • 7.1. Use the <label> tag with the for and id attributes to label form fields with a visible name
      • 7.2. Use the title attribute to label form fields that don't have a visible label
      • 7.3. Use the autocomplete attribute to facilitate auto-fill
      • 7.4. Add help text directly to the <label> tags
      • 7.5. Add required or aria-required="true" to mandatory fields
      • 7.6. Add error messages and correction suggestions directly into the <label> tag
      • 7.7. Group and label related fields with <fieldset> and <legend>
    • 8. Lists
    • 9. Tables
    • 10. Using CSS
    • 11. Zoom and font size
    • 12. Keyboard Navigation
    • 13. Iframes
    • 14. Additional rules for compliance
    • Complementary guidelines
  • 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)