Mise en pratique, retrouvez tous les extraits de code HTML, CSS, JS dont vous pourriez avoir besoin.

Attributs ARIA pour votre menu.

<nav id="site-navigation" class="main-navigation" role="navigation">

Chargement des fichiers vidéo

window.onload = init; 
function init () { 
    let video = document.getElementById (“video”); 
    let source = document.createElement (“source”); 
    source.type = “video/mp4”; 
    if (document.documentElement.clientWidht < 1024) 
        source.src =”../videos/sortie_mavideo480.mp4”; 
    else 
        source.src = “../videos/sortie_mavideo.mp4”; 
    video.appendChild (source); 
}

Description des images complexes

<!-- Pour une ancre -->

<img href=”url-de-votre-image.jpg” alt=”le titre de votre image” 
longdesc=”#description-de-mon-image”>

<!-- Description sur une autre page -->

<img href="url-de-votre-image.jpg" alt="le titre de votre image" 
longdesc="mon-site.com/ma-page-qui-decrit-l-image.html">

Skip link – Liens d’évitement

<body>
    <div id="page" class="site">
    <a class="skip-link screen-reader-text" href="#content">
<?php esc_html_e( 'Skip to content', '' ); ?></a>

Tableau

<table>
<caption>Exemple de code pour un tableau très simple</caption>
    <thead>
        <tr>
            <th colspan="2">En-tête</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Ici les cellules du tableau</td>
            <td>qui a deux colonnes et une seule ligne.</td>
        </tr>
    </tbody>
</table>