Ole-Morten Duesund
a9d84a4de8
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>
74 lines
2.8 KiB
HTML
74 lines
2.8 KiB
HTML
{{define "head"}}
|
|
{{with .Data}}{{with .Fave}}
|
|
{{if eq .Privacy "public"}}
|
|
<meta property="og:title" content="{{truncate 70 .Description}}">
|
|
<meta property="og:description" content="En favoritt av {{.DisplayName}} på {{$.SiteName}}">
|
|
<meta property="og:type" content="article">
|
|
{{if $.ExternalURL}}
|
|
<meta property="og:url" content="{{$.ExternalURL}}/faves/{{.ID}}">
|
|
{{if .ImagePath}}
|
|
<meta property="og:image" content="{{$.ExternalURL}}/uploads/{{.ImagePath}}">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
{{else}}
|
|
<meta name="twitter:card" content="summary">
|
|
{{end}}
|
|
{{end}}
|
|
<meta property="og:site_name" content="{{$.SiteName}}">
|
|
{{range .Tags}}
|
|
<meta property="article:tag" content="{{.Name}}">
|
|
{{end}}
|
|
{{end}}
|
|
{{end}}{{end}}
|
|
{{end}}
|
|
|
|
{{define "content"}}
|
|
{{with .Data}}
|
|
{{$d := .}}
|
|
<article>
|
|
{{with .Fave}}
|
|
{{if .ImagePath}}
|
|
<img src="{{basePath}}/uploads/{{.ImagePath}}"
|
|
alt="{{.Description}}">
|
|
{{end}}
|
|
|
|
<header>
|
|
<h1>{{.Description}}</h1>
|
|
<p>
|
|
Av <a href="{{basePath}}/u/{{.Username}}">{{.DisplayName}}</a>
|
|
{{if eq .Privacy "private"}}
|
|
— <small class="badge-private" aria-label="Privat">Privat</small>
|
|
{{end}}
|
|
</p>
|
|
</header>
|
|
|
|
{{if .URL}}
|
|
<p><a href="{{.URL}}" target="_blank" rel="noopener noreferrer">{{.URL}}</a></p>
|
|
{{end}}
|
|
|
|
{{if .Tags}}
|
|
<p>
|
|
{{range .Tags}}
|
|
<a href="{{basePath}}/tags/{{.Name}}" class="tag-chip">{{.Name}}</a>
|
|
{{end}}
|
|
</p>
|
|
{{end}}
|
|
|
|
<footer>
|
|
<small>Lagt til {{.CreatedAt.Format "02.01.2006"}}</small>
|
|
{{if $d.IsOwner}}
|
|
<div class="fave-actions" role="group" aria-label="Handlinger for favoritt">
|
|
<a href="{{basePath}}/faves/{{.ID}}/edit" role="button" class="outline">Rediger</a>
|
|
<button
|
|
hx-delete="{{basePath}}/faves/{{.ID}}"
|
|
hx-confirm="Er du sikker på at du vil slette denne favoritten?"
|
|
hx-headers='{"X-CSRF-Token": "{{$.CSRFToken}}"}'
|
|
class="outline secondary"
|
|
data-redirect="{{basePath}}/faves"
|
|
>Slett</button>
|
|
</div>
|
|
{{end}}
|
|
</footer>
|
|
{{end}}
|
|
</article>
|
|
{{end}}
|
|
{{end}}
|