mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2025-02-25 15:50:05 +00:00

Link targets need to be focusable to work with VoiceOver. Making <main> focusable causes some side-effects, like making the TAB key go to the beginning of <main> instead of the element after the currently-clicked region. Also removes the annoying outline around "main" in some non-mainstream browsers, without having to add extra CSS.
17 lines
672 B
HTML
17 lines
672 B
HTML
<article class="h-entry hentry"><!--Once WAI-ARIA 1.3 gains traction, I'll add aria-details for webmentions.-->
|
|
<header>
|
|
<h1 itemprop="name headline" class="p-name entry-title" id="h1" tabindex="-1">{{ .Title }}</h1>
|
|
{{- if not .Params.disableMeta -}}
|
|
{{- partial "post-meta.html" . -}}
|
|
{{- end -}}
|
|
<hr />
|
|
</header>
|
|
<div class="e-content entry-content" itemprop="articleBody">
|
|
<meta itemprop="author" content="Rohan Kumar" />
|
|
<!--That was needed bc some reading modes get confused by other authors referenced in the text-->
|
|
{{- if .Params.replyURI -}}
|
|
{{- partial "reply-context" .Params -}}
|
|
{{- end -}}
|
|
{{- partial "processed-content" . -}}
|
|
</div>
|
|
</article>
|