Aller au contenu

Le wiki de la Lutine du Web

Un peu plus que des favoris

Aujourd'hui : 591 liens & 9 extraits de code

  • Accueil
  • Accessibilité
    • Accessibilité mobile
    • Bandeaux fixes
    • CAPTCHAs et accessibilité
    • Conformité et accessibilité
    • Contrastes des couleurs
    • Design et accessibilité
    • Documents accessibles
    • E-​mails et accessibilité
    • Formulaires et accessibilité
    • Guides d’apprentissage
    • HTML et accessibilité
    • L’inaccessibilité du web
    • Langage simplifié
    • Les personnes concernées par l’accessibilité web
    • Loi et accessibilité numérique
    • Multimédias accessibles
    • Organiser un évènement accessible
    • Référentiels et standards
      • ATAG, ou l’accessibilité du backend
      • RGAA
      • WAI-​ARIA
      • WCAG
    • Scripts et accessibilité
      • Boîtes de dialogue modales et non-modales
      • Live regions ou les messages de statut
      • Single Page Applications
    • Technologies d’assistance
      • Lecteurs d’écran
    • Tester l’accessibilité web
      • Audits d’accessibilité numérique
      • Outils de tests
      • Tests d’utilisabilité
    • Trucs & astuces
    • Typographie et accessibilité
    • Vrac
  • Atomic design & guide de style
    • Atomic design
    • Guide de style & design system
  • Consommer /​vivre autrement
    • Climat/​météo
    • Santé
    • Végé
  • COVID-​19
    • Collectifs et associations anti-​COVID et d’autodéfense sanitaire
    • COVID long
    • Témoignages COVID et COVID longs
  • Éco-​conception web
  • Ergonomie & UX
  • Git
  • Handicap
    • Autisme
      • Hypersensorialité
      • Les symboles de l’autisme
      • Livres sur l’autisme
    • Chiffres du handicap
    • COVID long
    • Définition du handicap
    • Désinstitutionnalisation des personnes handicapées
    • Les personnes concernées par l’accessibilité web
    • Mises en situation de handicap
    • Parler du handicap
    • Technologies d’assistance
      • Lecteurs d’écran
      • Mes aides techniques
    • Validisme
  • Inclusion
  • Intégration web
    • CSS
    • HTML
    • Le métier d’intégrateur · intégratrice web
    • Les grilles CSS
    • Les icônes
    • Les standards du web et référentiels
    • Reconversions en inté /​dév web
    • Responsive Web Design
    • Sass et SCSS
    • SVG
    • Webfonts
  • Jeux vidéos en coopération
  • Langues
    • Écriture inclusive
    • Genre neutre
  • Mobilisation/​grève
  • Performances web
  • Référencement naturel (SEO)
  • Réseaux sociaux
  • Revue de code
  • Sécurité web
  • Stocks d’images/icônes
  • Typographie
  • Veiller et s’informer
  • Vie privée
    • Hygiène numérique
    • Les mots de passe
    • Loi pour la vie privée
    • Rien à cacher
    • Traceurs et publicités
  • WordPress
    • Accessibilité pour WordPress
    • Configuration WordPress
    • Développer avec WordPress

Rechercher

Mettre un attribut border sur un tableau de données

Langue du lien : Anglais

Cela peut sembler aller dans le sens contraire de la norme car l’attribut border est obsolète mais c’est pourtant un vrai plus pour l’accessibilité d’un tableau de données (et non pas pour un tableau de présentation). En effet, aujourd’hui, la balise <table> et ses cellules <td> n’ont plus de bordure par défaut. Par conséquent, même si on les rétablit via CSS, il est possible que ce soit gênant pour certaines personnes qui, par exemple, désactivent les feuilles de style.

Ainsi, en ajoutant un attribut border (sans valeur) ou border="1" sur un tableau de données, on permet à ce tableau de s’afficher avec des bordures et à tout le monde de lire correctement le tableau peu importe le contexte d’affichage.

Voici la citation issue de la spécification HTML 5.1 du W3C :

The border content attribute may be specified on a table element to explicitly indicate that the table element is not being used for layout purposes. If specified, the attribute’s value must either be the empty string or the value « 1″. The attribute is used by certain user agents as an indication that borders should be drawn around cells of the table.

Note : Officiellement, il ne s’agit pas d’une technique valide selon le RGAA (critère 10.1) mais avec une explication comme celle-​ci, un examinateur ou une examinatrice n’aurait, a priori, pas vraiment de raison de désapprouver.

À noter par ailleurs, que le validateur de code HTML remonte également une erreur mais celui-​ci s’appuie sur la version HTML du WHATWG et non celle du W3C.

Merci à Romain Gervois pour cette astuce.

Pages utilisant ce lien :

  • Trucs & astuces pour l’accessibilité web
  • Plan du site
  • Mentions légales
  • Politique de confidentialité
  • Mon blog (La Lutine du Web)

© 2018 - 2025 - Julie Moynat - Me retrouver sur Mastodon