Une page Web classique pour naviguer au clavier

by htmlzengarden

HTML

<link rel="stylesheet" href="http://necolas.github.com/normalize.css/1.0.2/normalize.css">
<div lang="la">
    <p>Excepteur sint occaecat cupidatat non proident.</p>
    <ul>
        <li><a href="http://fr.wikipedia.org/wiki/Faux-texte">Lorem ipsum dolor sit amet</a></li>
        <li><a href="http://fr.wikipedia.org/wiki/Faux-texte">Consectetur adipisicing elit</a></li>
    </ul>
    <h1>Sed do eiusmod tempor incididunt</h1>
    <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit <a href="http://fr.wikipedia.org/wiki/Faux-texte">in voluptate</a> velit esse cillum dolore eu fugiat nulla pariatur.</p>
    <form action="#">
        <p>Excepteur sint occaecat cupidatat non proident.</p>
        <p>
            <label for="text1">
                <span class="label">
                    Sunt in culpa
                </span>
                <span class="input">
                    <input type="text" name="text1" id="text1" />
                </span>
            </label>
        </p>
        <p>
            <label for="number1">
                <span class="label">
                    Culpa
                </span>
                <span class="input">
                    <input type="number" name="number1" id="number1" />
                </span>
            </label>
        </p>
        <p>
            <label for="select1">
                <span class="label">
                    Id est laborum
                </span>
                <span class="input">
                    <select name="select1" id="select1">
                        <option value="officia">officia</option>
                        <option value="deserunt">deserunt</option>
                        <option value="mollit">mollit</option>
                    </select>
                </span>
            </label>
        </p>
        <p>
            <label for="radio1a">
                <span class="input">
     ...

CSS

body
{
    margin: 1em;
}
video
{
    width:  300px;
}