1.) Ich habe in einer Seite ein Modul außerhalb anderer Landmarks mit einem Toggler-Button, der eine Liste von klickbaren, internen Seitenlinks öffnet. So in der Art:
<div class="umgebender-container">
<button class="...">
Ich öffne den Collapse-Bereich mit der Seiten-Links-Liste
</button>
<div class="collapse-bereich">
Anker-Link-Liste
</div>
</div>
Das ist alles soweit korrekt ausgezeichnet mit A11Y-Kram, zumindest so, dass ich in AXE keine Reklamationen sehe.
Außer "All page content must be contained by landmarks".
Frage für mich ist jetzt, ob ein role="navigation" für den umgebenden Container korrekt ist (weil das für mein Spoiler-JLayout das einfachste wäre). Ich bin einfach unsicher des Toggle-Buttons wegen, der dann innerhalb wäre.
Die 2. Vielleicht-Option wäre ein <nav> statt <div>. Aber letztlich stellt sich mir da die selbe Frage.
2.)
Ich habe im oberen Teil des HTML einen Button, der ein Modal-PopUp öffnet. Das jeweilige Modal-HTML befindet sich am Ende der Seite vor dem schließenden BODY.
Dem Modal-Bereich habe ich jetzt aus Verlegenheit ein role="dialog" gegeben. Vielleicht ja richtig. Zumindest habe ich vorerst nichts besseres gefunden.
Das Modal enthält sowohl Teilen-Knöpfe als auch ein Suchfeld, also "diversen Inhalt".
Jetzt muss ich noch was landmark-mäßiges finden für den abgetrennten <button>-Bereich oben, der ja auch als aria-label (aria-labelledby) für das Modal fungiert. Kann ich also nicht plump für Screen-Reader verstecken, die vermutlich(?) nur das Modal-HTML benötigen.
Blick ich also nicht mehr durch...