GUIDE Unifies Inclusive Design Essentials

Les adresses

La balise <address>

Permet de mettre en évidence les informations de contact d’une personne ou d’une organisation.

<address>
  <a href="mailto:incaya@example.com">incaya@example.com</a><br />
  <a href="tel:+14155550132">+1 (415) 555‑0132</a>
</address>

incaya@example.com
+1 (415) 555‑0132

Accessibilité

Cette balise n’a aucun rôle ARIA, ni implicite, ni autorisés.

Plus de sémantique

Si l’on veut vraiment faire émerger une information de contact d’une page web, on peut ajouter des informations supplémentaires au balisage HTML grâce au Microdata.

<address itemscope itemtype="https://schema.org/LocalBusiness">
    <h3><span itemprop="name">INCAYA</span></h3>
    <span itemprop="description">Une Scop du numérique</span>
    <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
        <span itemprop="streetAddress">15 rue de Vaucelle</span>
        <span itemprop="postalCode">14000</span>
        <span itemprop="addressLocality">Caen</span>,
        <span itemprop="addressCountry">France</span>
    </div>
    <a itemprop="email" href="mailto:incaya@example.com">incaya@example.com</a>
    <a itemprop="telephone" href="tel:+14155550132">+1 (415) 555‑0132</a>
</address>

Plus d’information et de définition sur le site schema.org.