From da781ef964e242498b1c7437132f887d17d195e5 Mon Sep 17 00:00:00 2001
From: Thomas Blum <thomas@redaxo.org>
Date: Mon, 27 Jan 2025 15:51:35 +0100
Subject: [PATCH] Update cheatsheet.md (#394)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<main> hat bereits die Rolle

- https://developer.mozilla.org/de/docs/Web/Accessibility/ARIA/Roles/main_role#beschreibung
- https://developer.mozilla.org/de/docs/Web/HTML/Element/main#zugänglichkeit
---
 _docs/a11y/cheatsheet.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_docs/a11y/cheatsheet.md b/_docs/a11y/cheatsheet.md
index 7e3b4e2..19e0890 100644
--- a/_docs/a11y/cheatsheet.md
+++ b/_docs/a11y/cheatsheet.md
@@ -10,7 +10,7 @@ prio: 0
 |------------------------------------|-----------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------|
 | **HTML Struktur**                  | Verwende semantische HTML5-Elemente wie `<header>`, `<main>`, `<footer>`, `<nav>`, etc.                      | `<main>` für Hauptinhalt, `<nav>` für Navigation                                |
 | **Überschriftenhierarchie**        | Verwende `<h1>` bis `<h6>` in logischer Reihenfolge                                                        | `<h1>Seitenüberschrift</h1> <h2>Untertitel</h2>`                                |
-| **ARIA-Landmarks**                 | Nutze Landmark-Rollen wie `role="main"` für wichtigen Inhalt                                                | `<main role="main"></main>`                                                     |
+| **ARIA-Landmarks**                 | Nutze Landmark-Rollen wie `role="main"` für wichtigen Inhalt                                                | `<main></main> <div role="main"></div>`                                                     |
 | **Bilder**                         | Füge beschreibende Alt-Texte hinzu                                                                         | `<img src="bild.jpg" alt="Beschreibung">`                                        |
 | **Links**                          | Beschreibende Linktexte, keine generischen wie "Hier klicken"                                               | `<a href="seite.html">Produktseite besuchen</a>`                                |
 | **Formulare**                      | Immer `<label>` mit Formularfeldern verwenden, Pflichtfelder kennzeichnen                                  | `<label for="email">E-Mail</label> <input type="email" id="email" required>`    |