1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-25 18:22:09 +00:00
seirdy.one/layouts/partials/header.html
Rohan Kumar f10de9f2e2
Improve semantics/a11y of site header/footer
- Make footer links a list element
- Make header aria-label less redundant
- Give footer links a label
2022-04-22 08:49:27 -07:00

33 lines
1.2 KiB
HTML

<header id="banner" itemscope itemtype="https://schema.org/WPHeader">
<a href="#content" class="skip">Skip to content</a>
<nav aria-label="Global">
<ul class="unstyled-list">
{{- $currentPage := . -}}
{{- $isHome := false -}}
{{- if eq $currentPage.Permalink .Site.BaseURL -}}
{{- $isHome = true -}}
{{- end -}}
<li itemscope itemtype="https://schema.org/SiteNavigationElement">
<a rel="home" itemprop="url" href="{{ .Site.BaseURL }}"{{- if $isHome -}} aria-current="page"{{- end -}}>
{{- if $isHome -}}
<strong itemprop="name">{{ .Site.Title }}</strong>
{{- else -}}
<span itemprop="name">{{ .Site.Title }}</span>
{{- end -}}
</a>
</li>
{{ range .Site.Menus.main -}}
{{ $isCurrent := false }}
<li itemscope itemtype="https://schema.org/SiteNavigationElement">
<a href="{{ .URL }}" itemprop="url" {{- if or (eq $currentPage.RelPermalink .URL) ($currentPage.HasMenuCurrent "main" .) -}}{{- $isCurrent = true -}} aria-current="page"{{- end -}}>
{{- if or $isCurrent (eq $currentPage.Section .Title) -}}
<strong itemprop="name">{{- .Name -}}</strong>
{{- else -}}
<span itemprop="name">{{- .Name -}}</span>
{{- end -}}
</a>
</li>
{{- end }}
</ul>
</nav>
</header>