Gunnar Bittersmann: CSS: Text an Bildschirm anpassen?

Beitrag lesen

@@Felix Riesterer

<body>
    <main>
        <section id="register">
            <h1>Register</h1>
            <form method="post">
                <ul>
                    <li>
                        <label for="mail">E-Mail</label>
                        <input id="mail" name="mail">
                    </li>
                    <li>
                        <label for="user">gewünschter Benutzername</label>
                        <input id="user" name="user">
                    </li>
                    <li>
                        <label for="pw">Passwort</label>
                        <input id="pw" name="pw">
                    </li>
                    <li>
                        <label for="pw2">Passwortbestätigung</label>
                        <input id="pw2" name="pw2">
                    </li>
                </ul>
            </form>
        </section>
    </main>
    <header>...</header>
    <footer>...</footer>
</body>

section bildet einen Abschnitt

Eine section macht noch keinen Sommer. Wenn section allein auftritt, dann handelt es sich nicht um einen Abschnitt; section wäre damit falsch.

Eine ungeordnete Liste ist vermutlich auch nicht das geeignete HTML-Element für Eingabefelder. Wenn die schrittweise Abarbeitung der Eingaben verdeutlich werden soll, könnte ich mir noch eher eine geordnete Liste vorstellen. Ansonsten p oder div, um label und input zu gruppieren.

„Passwortbestätigung“ ist Unfug. Wenn etwas doppelt eingegeben werden müsste, dann die E-Mail-Adresse.

Bei den meisten Eingabefeldern fehlt der entsprechende type.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory