Skip to content

Commit f837b62

Browse files
committed
feat: add skip link for improved accessibility
1 parent a9fa0c2 commit f837b62

1 file changed

Lines changed: 23 additions & 0 deletions

File tree

index.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,29 @@
8383
}
8484
})();
8585
</script>
86+
87+
<style>
88+
.skip-link {
89+
position: fixed;
90+
top: -100px;
91+
left: 1rem;
92+
z-index: 9999;
93+
padding: 0.5rem 1rem;
94+
background: #00f0ff;
95+
color: #050505;
96+
border-radius: 0.375rem;
97+
font-weight: 600;
98+
text-decoration: none;
99+
transition: top 0.15s ease-in-out;
100+
}
101+
102+
.skip-link:focus,
103+
.skip-link:focus-visible {
104+
top: 1rem;
105+
outline: 2px solid #00f0ff;
106+
outline-offset: 2px;
107+
}
108+
</style>
86109
</head>
87110

88111
<body>

0 commit comments

Comments
 (0)