Make markup semantic + add semantic DOM principle (todo §1); page <h1>, skip link, row-header <th scope=row>, descriptive error pages

2026-06-15 16:53:07 +02:00
parent 6f590148af
commit 645a316419
12 changed files with 44 additions and 22 deletions
--- a/html-css-foundation/App
+++ b/html-css-foundation/App
@@ -298,9 +298,7 @@
      <label class="btn icon-btn hamburger" for="nav-toggle" aria-label="Open menu">
        <svg class="ico"><use href="#i-menu"/></svg>
      </label>
-      <div>
-        <div class="page-title">People</div>
-      </div>
+      <h1 class="page-title">People</h1>
      <nav class="crumbs" aria-label="Breadcrumb">
        <a href="#">Directory</a><span class="sep">/</span><span>People</span>
      </nav>