Oben auf vielen Seiten in unserer Web-Anwendung haben wir Fehlermeldungen und Benachrichtigungen, "Speichern" und andere Tasten, und dann unsere h1-Tag mit dem Titel des Inhalts. Wenn es möglich ist, eine Web-Anwendung zugänglich zu machen, ist es immer akzeptabel, Inhalte über dem Top-Level-Struktur-Tag zu haben, so wie wir es hier tun?Web-Zugänglichkeit und h1-h6 Überschriften - muss der gesamte Inhalt unter diesen Tags sein?
Ja (Sie können Sachen über sie setzen). Das H bedeutet einfach Überschrift. Es ist eine Frage dessen, was die Überschrift betrifft, denke ich.
Mein einziger Vorbehalt ist, H2 sollte nicht wirklich über H1 sein, und H3 sollte nicht über H2 sein. Aber ich denke nicht, dass es eine tatsächliche Regel ist. Websites haben Menüs, Warnungen, Benachrichtigungen. Es ist akzeptabel, sie über den Rest Ihres Inhalts zu stellen. Ich sehe nicht, wie sich dies auf die Barrierefreiheit auswirken würde, solange Ihre Inhalte logisch geordnet sind. Sehen Sie sich die Seite CSS deaktiviert an. Sieht es logisch aus? Das ist der wichtigste Teil der Barrierefreiheit.
Obwohl einige Leute diese extra Meile gehen und das Menü als letztes Element im Markup verwenden und CSS verwenden, um es wieder an die Spitze zu bringen. Persönlich finde ich diese Lösung kontraproduktiv. Das Menü ist immer noch wichtig, es gehört am Anfang der Seite.
Ja, bedenken Sie, dass der Benutzer in dieser Reihenfolge die Informationen erhält. Also, wenn Sie gerade eine Operation gemacht haben, klingt es wie eine gute Idee, eine Nachricht im Zusammenhang damit als die erste Sache zu bekommen. Wenn es sich um eine Benachrichtigung handelt, die auf einer Seite erscheint, die nichts mit dem zu tun hat, was Sie tun, würde ich das nicht weiter oben erwähnen, da es vielleicht etwas seltsam ist. Sie können auch einen Textbrowser verwenden, der keine Stile verwendet. Er sollte wie ein Dokument mit entsprechenden Überschriften aussehen.
Als Bildschirmleser Benutzer mag ich nicht Inhalte über der Hauptüberschrift. Normalerweise navigiere ich nach Überschriften, um die Fehlermeldung zu verpassen. Eine bessere Lösung besteht darin, eine Überschrift h1 über der Fehlermeldung auszugeben, dann lassen Sie den Rest Ihrer Überschriften so, dass Sie zwei h1-Überschriften erhalten.
Überschrift-Tags werden verwendet, um die Hierarchie des Inhalts darunter anzuzeigen. Sie sollten nur ein h1 -Tag haben und es sollte der erste Inhalt sein, der auf Ihrer Seite erscheint (dies ist normalerweise der Name der Seite). Außerdem sollten Sie die Überschriften nicht überspringen, wenn Sie verschiedene Inhaltsstufen durchsuchen.
In Ihrem Fall können Sie weiterhin CSS verwenden, um Elemente über dem h1-Tag zu positionieren, solange es in der richtigen Reihenfolge im HTML-Code ist.
Ich gehe davon aus, dass die Elemente über der Überschrift von JavaScript verwendet werden. In diesem Fall ist es vorzuziehen, dass sie von JavaScript erstellt werden und nicht in der Quelle der Seite enthalten sind.
Um zu Ihrer ursprünglichen Frage zurückzukehren, ist es wahrscheinlich am besten, dass sie sich am Fuß der Seite befinden. Wenn sie jedoch mit dem CSS "display: none" ausgeblendet werden, oder "Sichtbarkeit: versteckt" Eigenschaften dann werden sie nicht von den meisten (vielleicht alle?) Screenreadern oder von vielen anderen unterstützenden Technologien gesehen und sollten daher kein Problem sein. Ich habe eine ziemlich detaillierte explanation of why accessibility technology ignores such elements geschrieben.
Natürlich, wenn jemand CSS deaktiviert, werden die Dinge ziemlich unordentlich aussehen. Wenn auf der Seite Inhalte vorhanden sind, die auch dann verwendet werden können, wenn CSS und/oder JavaScript deaktiviert sind, werden die Elemente am unteren Rand der Seite zumindest weniger überladen.