mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2025-02-17 12:20:06 +00:00
Switch back to using a <hr>
The thematic break is appropriate here and having it announced by screen readers actually helps.
This commit is contained in:
parent
8bc7176e6d
commit
b5ebca64cd
3 changed files with 2 additions and 8 deletions
|
@ -180,14 +180,6 @@ section[role="doc-endnotes"] {
|
||||||
content-visibility: auto;
|
content-visibility: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* same as above */
|
|
||||||
article header {
|
|
||||||
border-bottom: 1px solid;
|
|
||||||
|
|
||||||
/* padding ensures the border can't be mistaken for an underline */
|
|
||||||
padding-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Some browser focus indicators are inaccessible; override them with
|
/* Some browser focus indicators are inaccessible; override them with
|
||||||
* something more visible. See WCAG 2.x SC 2.4.12. I also tried to
|
* something more visible. See WCAG 2.x SC 2.4.12. I also tried to
|
||||||
* match browser behavior; mainstream browsers use :focus-visible
|
* match browser behavior; mainstream browsers use :focus-visible
|
||||||
|
|
|
@ -18,6 +18,7 @@
|
||||||
<small>
|
<small>
|
||||||
<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
|
<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
|
||||||
</small>
|
</small>
|
||||||
|
<hr>
|
||||||
</header>
|
</header>
|
||||||
<section class="e-content entry-content" itemprop="articleBody">
|
<section class="e-content entry-content" itemprop="articleBody">
|
||||||
{{ partial "processed-content" . -}}
|
{{ partial "processed-content" . -}}
|
||||||
|
|
|
@ -18,6 +18,7 @@
|
||||||
<small>
|
<small>
|
||||||
<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
|
<span itemprop="wordCount">{{ .WordCount }}</span> words, a <span itemprop="timeRequired" content="PT{{ .ReadingTime }}M">{{ .ReadingTime }} minute</span> read
|
||||||
</small>
|
</small>
|
||||||
|
<hr>
|
||||||
</header>
|
</header>
|
||||||
<div class="e-content entry-content" itemprop="articleBody">
|
<div class="e-content entry-content" itemprop="articleBody">
|
||||||
{{ partial "processed-content" . -}}
|
{{ partial "processed-content" . -}}
|
||||||
|
|
Loading…
Add table
Reference in a new issue