lotte/website
1
Code Activity

build11

Browse source
This commit is contained in:
Charlotte Croce 2025-04-04 13:06:24 -04:00
parent ac4a300a62
commit 6d2262bdb3
2 changed files with 88 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

46
style.css
View file

@ -544,4 +544,50 @@ button:hover {
.projects-grid {
grid-template-columns: repeat(3, 1fr);
}
}
/*
==============================================
12. Accessibility
==============================================
*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.skip-to-content {
position: absolute;
top: -40px;
left: 0;
background: var(--color-pink-400);
color: white;
padding: 8px;
z-index: 2000;
transition: top 0.2s;
}
.skip-to-content:focus {
top: 0;
}
/* Focus states */
a:focus, button:focus {
outline: 3px solid var(--color-pink-300);
outline-offset: 2px;
}
/* Better keyboard navigation */
a:focus-visible, button:focus-visible {
outline: 3px solid var(--color-pink-300);
outline-offset: 2px;
}