@@Fabienne.22 > ~~~html, bad > <a class="printDialogButton" href="#" rel="0815">drucken</a> > ~~~ Wann immer irgendwo `<a href="#">`{: .language-html} auftaucht und kein Link zum Seitenanfang sein soll, ist es falsch. Es muss ein Button sein: ~~~html,good <button class="printDialogButton">drucken</button> ~~~ > ~~~html, bad > <div id="printDialog"> > ~~~ Für Dialogfenster gibt es in HTML ein eigenes Element `dialog`. ~~~html, good <dialog role="dialog" id="printDialog"> ~~~ [Wie man ein Dialogfenster auszeichnet und mit JavaScript öffnet und schließt](http://heydonworks.com/practical_aria_examples/#warning-dialog), hat Heydon Pickering beschrieben. > ~~~html, bad > <h2 style="border-bottom: 1px solid;">Etiketten drucken</h1> > ~~~ Was denn nun, `h1` oder `h2`? > Was muss ich daran umschreiben, dass das Overlay gleich nach dem vollständigen Laden der Seite angezeigt wird? Wenn du wie beschrieben das `dialog`-Element verwendest, einfach im HTML das `open`-Attribut setzen. [Beispiel](http://codepen.io/gunnarbittersmann/pen/rjEVyY) LLAP 🖖 -- “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)

@@Fabienne.22 > ~~~html, bad > <a class="printDialogButton" href="#" rel="0815">drucken</a> > ~~~ Wann immer irgendwo `<a href="#">`{: .language-html} auftaucht und kein Link zum Seitenanfang sein soll, ist es falsch. Es muss ein Button sein: ~~~html,good <button class="printDialogButton">drucken</button> ~~~ > ~~~html, bad > <div id="printDialog"> > ~~~ Für Dialogfenster gibt es in HTML ein eigenes Element `dialog`. ~~~html, good <dialog role="dialog" id="printDialog"> ~~~ [Wie man ein Dialogfenster auszeichnet und mit JavaScript öffnet und schließt](http://heydonworks.com/practical_aria_examples/#warning-dialog), hat Heydon Pickering beschrieben. > ~~~html, bad > <h2 style="border-bottom: 1px solid;">Etiketten drucken</h1> > ~~~ Was denn nun, `h1` oder `h2`? > Was muss ich daran umschreiben, dass das Overlay gleich nach dem vollständigen Laden der Seite angezeigt wird? Wenn du wie beschrieben das `dialog`-Element verwendest, einfach im HTML das `open`-Attribut setzen. LLAP 🖖 -- “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)