Aller au contenu

Le wiki de la Lutine du Web

Un peu plus que des favoris

Aujourd'hui : 490 liens & 9 extraits de code

  • Accueil
  • Accessibilité
    • Accessibilité mobile
    • ATAG
    • Audits d’accessibilité numérique
    • CAPTCHAs 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
    • RGAA
    • Single Page Applications
    • Technologies d’assistance
      • Lecteurs d’écran
    • Tester l’accessibilité web
    • Trucs & astuces
    • Typographie et accessibilité
    • WAI-​ARIA
    • WCAG
    • Vrac
  • Atomic design & guide de style
    • Atomic design
    • Guide de style & design system
  • Consommer /​vivre autrement
    • Santé
    • Végé
  • Éco-​conception web
  • Ergonomie & UX
  • Git
  • Handicap
    • Autisme
      • Hypersensorialité
      • Les symboles de l’autisme
      • Livres sur l’autisme
    • Chiffres du handicap
    • Définition du handicap
    • Inclusion
    • 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
  • 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
  • Langues
    • Écriture inclusive
    • Genre neutre
  • Performances web
  • Référencement naturel (SEO)
  • Réseaux sociaux
  • 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
  • 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 - 2022 - Julie Moynat