fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00
Code Issues Projects Releases Wiki Activity

Remove skip link, typo.

Browse source 
The skip link is unnecessary on my site since landmarks and headings
both allow skipping repeated content.
This commit is contained in:
Rohan Kumar 2022-04-23 20:21:02 -07:00
parent 86def57b1b
commit baa84af0c5
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
3 changed files with 3 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/css/dark.css
View file

@ -4,8 +4,7 @@
color: #eee;
}
html,
.skip {
html {
/* "background" is short for a bunch of unnecessary CSS rules
* background-color is all I need */
background-color: #0f0f0b;

33
assets/css/main.css
View file

@ -3,11 +3,7 @@
* everything else addresses a specific a11y, compatibility, or critical
* usability need.
* I also don't define any non-semantic classes besides unstyled-list.
* The the other classnames referenced here are from microformats2. */
/* Start with browser defaults: default fonts, non-dark-mode colors, etc
* Only change things to solve a specific a11y or significant usability
* need. One exception: cosmetic improvement for unstyled-list */
* The the other classnames referenced here are from microformats2 */
html {
/* Mobile screens benefit from greater line-spacing so links are
@ -54,7 +50,7 @@ blockquote {
}
/* narrow screens: reduce list indentation */
dd,
dl,
ol,
ul {
margin: .5em 0 0 0;
@ -96,7 +92,6 @@ kbd {
}
/* narrow screens: remove unused figure margins */
figure {
margin: 1em 0;
}
@ -213,30 +208,6 @@ a:focus,
outline: 3px solid;
}
/* Skip link is hidden until focused.
* Needs background color so it can appear over other elements on narrow
* screens. If we set a background color, we must also set a foreground
* color. System colors like Canvas and LinkText aren't supported by all
* browsers, so we make up our own. */
.skip {
/* skip-link could appear on top of existing content, so it needs a
* solid background to be legible. If we set the background, we must
* also set the foreground. Not all browsers support system colors
* ("Canvas", "LinkText"), so we need to pick our own colors.
* #06c is the default link color in FF, IE, and ux.redhat.com
* #00e is the default in WebKit, Blink, and ancient FF. */
background-color: #fff;
color: #00e;
position: absolute;
left: .25em;
top: -2em;
}
.skip:focus {
top: .5em;
}
/* Todo:
* - Some browsers don't scale SVGs properly; the img container
* dimensions crop the image rather than scale it. Investigate

1
layouts/partials/header.html
View file

@ -1,5 +1,4 @@
<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 := . -}}