diff --git a/scripts/nav.js b/scripts/nav.js
index 91e482d..afccd79 100644
--- a/scripts/nav.js
+++ b/scripts/nav.js
@@ -23,7 +23,7 @@ const constructMenuLink = function(title, href) {
 }
 
 const constructSkipLink = function() {
-  const a = constructMenuLink("skip", "#main");
+  const a = constructMenuLink("skip to main", "#main");
   a.id = "skip";
 
   return a;
diff --git a/styles/nav.css b/styles/nav.css
index b46f73d..6982820 100644
--- a/styles/nav.css
+++ b/styles/nav.css
@@ -58,6 +58,13 @@ nav button:focus-visible {
 	z-index: 999;
 }
 
+@media (any-hover: hover) {
+  #skip:hover {
+    color: var(--color-bg);
+    background-color: var(--color-accent);
+  }
+}
+
 #current-page {
   border-right-width: .5rem;
   border-left-width: .5rem;