Tag autocomplete combobox pattern (WCAG 2.1.1, 4.1.2, 4.1.3): - Add role="combobox", aria-expanded, aria-haspopup to tag input - Implement arrow key navigation (up/down) through suggestions - Add Space key support alongside Enter for selecting tags - Manage aria-activedescendant to track highlighted option - Add Escape to close suggestions - Add aria-live="polite" status region announcing suggestion count - Add aria-selected state on options - Tag suggestions now have stable IDs for activedescendant Focus visibility (WCAG 2.4.7): - Remove outline:none on tag suggestions, replace with visible 2px solid outline on :focus-visible Contrast (WCAG 1.4.3): - Replace opacity:0.5 on disabled rows with muted text color and strikethrough on username (maintains 4.5:1 ratio) Structure and semantics (WCAG 1.3.1): - Fix heading hierarchy H1→H3 skip in import.html (now H2) - Replace <nav> misuse for fave actions with div[role="group"] - Add aria-label="Administrasjonsmeny" to admin dashboard nav - Wrap admin users table in responsive scrollable region - Remove redundant "Bilde for:" prefix from image alt text - Make error page H1 descriptive: "Feil 404: Ikke funnet" - Add .sr-only utility class for screen-reader-only content - Add hreflang="en" to English-language external link Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
{{define "head"}}
|
|
<meta name="robots" content="noindex">
|
|
{{end}}
|
|
|
|
{{define "content"}}
|
|
<h1>Administrasjon</h1>
|
|
|
|
{{with .Data}}
|
|
<div class="grid">
|
|
<article>
|
|
<header><strong>Brukere</strong></header>
|
|
<p class="stat">{{.UserCount}}</p>
|
|
<footer><a href="{{basePath}}/admin/users">Administrer brukere</a></footer>
|
|
</article>
|
|
<article>
|
|
<header><strong>Favoritter</strong></header>
|
|
<p class="stat">{{.FaveCount}}</p>
|
|
</article>
|
|
<article>
|
|
<header><strong>Ventende forespørsler</strong></header>
|
|
<p class="stat">{{.PendingCount}}</p>
|
|
{{if gt .PendingCount 0}}
|
|
<footer><a href="{{basePath}}/admin/signup-requests">Se forespørsler</a></footer>
|
|
{{end}}
|
|
</article>
|
|
</div>
|
|
|
|
<nav aria-label="Administrasjonsmeny">
|
|
<ul>
|
|
<li><a href="{{basePath}}/admin/users" role="button" class="outline">Brukere</a></li>
|
|
<li><a href="{{basePath}}/admin/tags" role="button" class="outline">Merkelapper</a></li>
|
|
<li><a href="{{basePath}}/admin/signup-requests" role="button" class="outline">Forespørsler</a></li>
|
|
<li><a href="{{basePath}}/admin/settings" role="button" class="outline">Innstillinger</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
{{with .Settings}}
|
|
<p><small>Registreringsmodus: <strong>{{.SignupMode}}</strong></small></p>
|
|
{{end}}
|
|
{{end}}
|
|
{{end}}
|