Rumperuu/Omphaloskepsis-2
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

a11y: add ARIA labels

Browse source
This commit is contained in:
Ben Goldsworthy 2025-02-20 01:24:11 +01:00
parent 312c4ed725
commit a599cb5ebc
Signed by: Rumperuu
SSH key fingerprint: SHA256:v3uompaUiPqV2w1/AIRWBSQOxr2dntH9Xs/y8fDnUPU
1 changed files with 55 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
layouts/partials/header/site-header.html
View file

@ -1,12 +1,62 @@
<header class="site-header h-card"> <header class="site-header h-card">
{{ block "header" . }} {{ block "header" . }}
<h2 class="p-name site-header__title" itemprop="name"><a class="u-url" href="{{ .Site.Home.RelPermalink }}" rel="me author">{{ .Site.Title }}</a></h2> <h2
<p class="p-note site-header__tagline" itemprop="about">Views my own. Discussion ≠ endorsement. Do try this at home.</p> class="p-name site-header__title"
<p class="site-header__icons">~ <a class="u-email" href="mailto:{{ $.Site.Params.Author.email }}" rel="me">✉️</a> ~ <a class="u-url" href="{{ .Site.Params.codeURL }}" rel="me">🧑‍💻</a> ~ <a class="u-key" href="/{{ .Site.Params.keyfile }}" rel="me">&#128272;</a> ~ <a href="/index.xml" aria-label="{{ .Site.Title }} RSS feed"><img class="feed-icon" alt="RSS feed" src="{{ .Site.Params.feedIcon }}"></a> ~</p> itemprop="name"
>
<a
class="u-url"
href="{{ .Site.Home.RelPermalink }}"
rel="me author"
>{{ .Site.Title }}</a
>
</h2>
<p
class="p-note site-header__tagline"
itemprop="about"
>
Views my own. Discussion ≠ endorsement. Do try this at home.
</p>
<p class="site-header__icons">
~
<a
class="u-email"
aria-label="Email"
href="mailto:{{ $.Site.Params.Author.email }}"
rel="me"
>✉️</a
>
~
<a
class="u-url"
aria-label="Code Forge"
href="{{ .Site.Params.codeURL }}"
rel="me"
>🧑‍💻</a
>
~
<a
class="u-key"
aria-label="PGP key"
href="/{{ .Site.Params.keyfile }}"
rel="me"
>&#128272;</a
>
~
<a
href="/index.xml"
aria-label="{{ .Site.Title }} RSS feed"
><img
class="feed-icon"
alt="RSS feed"
src="{{ .Site.Params.feedIcon }}"
/></a>
~
</p>
<nav class="site-header__nav"> <nav class="site-header__nav">
<ul> <ul>
{{ range ( where .Site.Sections.ByTitle "Type" "in" site.Params.mainSections ) }} {{ range ( where .Site.Sections.ByTitle "Type" "in" site.Params.mainSections ) }}
<li><a href="{{ .RelPermalink }}">{{ .Title | safeHTML }}</a></li> <li><a href="{{ .RelPermalink }}">{{ .Title | safeHTML }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
</nav> </nav>