diff --git a/_redirects b/_redirects
index 8d74260b..604a4663 100644
--- a/_redirects
+++ b/_redirects
@@ -39,6 +39,7 @@
 /posts/2023/my-default-apps-2023-edition/ /uses 301
 /posts/2024/link-blogging-using-readwise/ /posts/2024/link-blogging-using-readwise-reader/ 301
 /2022/12/automating-email-cleanup-in-gmail /posts/2022/automating-email-cleanup-in-gmail/ 301
+/posts/2023/automate-syndicate-content-mastodon-eleventy/ /posts/2023/automate-and-syndicate-content-from-eleventy-to-mastodon/ 301
 
 # music
 /music/artists/hyperdontia-denmark-turkiye /music/artists/hyperdontia-denmark-tuerkiye 301
diff --git a/config/filters/index.js b/config/filters/index.js
index f4254aae..14b59d8e 100644
--- a/config/filters/index.js
+++ b/config/filters/index.js
@@ -142,6 +142,7 @@ export default {
         normalized['title'] = item['title']
         normalized['alt'] = item['title']
         normalized['rating'] = item['rating']
+        normalized['favorite'] = item['favorite']
         normalized['subtext'] = item['rating']
       }
       if (item.type === 'book') {
diff --git a/package-lock.json b/package-lock.json
index 096a4688..08113fad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.4.9",
+  "version": "19.5.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.4.9",
+      "version": "19.5.0",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",
@@ -532,9 +532,9 @@
       "peer": true
     },
     "node_modules/@types/node": {
-      "version": "20.14.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.4.tgz",
-      "integrity": "sha512-1ChboN+57suCT2t/f8lwtPY/k3qTpuD/qnqQuYoBg6OQOcPyaw7PiZVdGpaZYAvhDDtqrt0oAaM8+oSu1xsUGw==",
+      "version": "20.14.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.5.tgz",
+      "integrity": "sha512-aoRR+fJkZT2l0aGOJhuA8frnCSoNX6W7U2mpNq63+BxBIj5BQFt8rHy627kijCmm63ijdSdwvGgpUsU6MBsZZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1149,9 +1149,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.804",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.804.tgz",
-      "integrity": "sha512-gXMMs2m7aUTdZpORQAvMCyH0JHywSpZxjblSc/C81aDr34jh0hmpplTFcM4AYrYALVmiVT/r63oA3tEG1BPVRw==",
+      "version": "1.4.805",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.805.tgz",
+      "integrity": "sha512-8W4UJwX/w9T0QSzINJckTKG6CYpAUTqsaWcWIsdud3I1FYJcMgW9QqT1/4CBff/pP/TihWh13OmiyY8neto6vw==",
       "dev": true,
       "license": "ISC"
     },
diff --git a/package.json b/package.json
index e84ef452..8079374b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.4.9",
+  "version": "19.5.0",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/header.liquid b/src/_includes/partials/header.liquid
index 7e9ecf67..ea080e2e 100644
--- a/src/_includes/partials/header.liquid
+++ b/src/_includes/partials/header.liquid
@@ -1,7 +1,7 @@
 <section class="main-title">
   <h1>
     {% if page.url != '/' %}
-    <a href="/">{{ meta.siteName }}</a>
+    <a href="/" tabindex="0">{{ meta.siteName }}</a>
     {% else %}
     {{ meta.siteName }}
     {% endif %}
diff --git a/src/_includes/partials/media/watching/grid.liquid b/src/_includes/partials/media/watching/grid.liquid
index 8731f4e4..94dacd95 100644
--- a/src/_includes/partials/media/watching/grid.liquid
+++ b/src/_includes/partials/media/watching/grid.liquid
@@ -10,9 +10,11 @@
             <div class="header">{{ item.title }}</div>
             <div class="subheader flex-centered">
               {{ item.year }}
-              {% if rating and item.rating %}
-                <span class="rating"> ({{ item.rating }})</span>
-              {% endif %}
+              {%  unless item.favorite %}
+                {% if item.rating %}
+                  <span class="rating"> ({{ item.rating }})</span>
+                {% endif %}
+              {% endunless %} %}
             </div>
           {% else %}
             <div class="header">{{ item.name }}</div>
diff --git a/src/_includes/partials/nav/link.liquid b/src/_includes/partials/nav/link.liquid
index 928380e9..046e3690 100644
--- a/src/_includes/partials/nav/link.liquid
+++ b/src/_includes/partials/nav/link.liquid
@@ -9,7 +9,7 @@
     {% endif %}
   </span>
 {% else %}
-  <a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}">
+  <a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" tabindex="0">
     {% if icon %}
       {% tablericon icon link %}
       <span>{{ link }}</span>
diff --git a/src/_includes/partials/nav/linked-icon.liquid b/src/_includes/partials/nav/linked-icon.liquid
index 9e767034..51d4d88f 100644
--- a/src/_includes/partials/nav/linked-icon.liquid
+++ b/src/_includes/partials/nav/linked-icon.liquid
@@ -2,6 +2,7 @@
   class="{{ icon }}"
   href="{{ link | downcase }}"
   rel="me"
-  title="{{ name }}">
+  title="{{ name }}"
+  tabindex="0">
   {% tablericon icon name %}
 </a>
\ No newline at end of file
diff --git a/src/_includes/partials/nav/menu.liquid b/src/_includes/partials/nav/menu.liquid
index 7f625cf8..fce519d4 100644
--- a/src/_includes/partials/nav/menu.liquid
+++ b/src/_includes/partials/nav/menu.liquid
@@ -1,12 +1,18 @@
+{% capture js %}
+  {% render "../../../assets/scripts/menu.js" %}
+{% endcapture %}
+<script>{{ js }}</script>
 <div class="flex-centered">
-  <input id="menu-toggle" type="checkbox" />
-  <label class="menu-button-container" for="menu-toggle">
-    <div class="menu-closed">{% tablericon "menu" "Menu closed" %}</div>
-    <div class="menu-open">{% tablericon "x" "Menu open" %}</div>
+  <input id="menu-toggle" type="checkbox" aria-hidden="true" />
+  <label class="menu-button-container" for="menu-toggle" aria-controls="primary-navigation" aria-expanded="false" tabindex="0">
+    <div class="menu-closed" aria-hidden="true">{% tablericon "menu" "Menu closed" %}</div>
+    <div class="menu-open" aria-hidden="true">{% tablericon "x" "Menu open" %}</div>
   </label>
-  <ul class="menu-primary" aria-label="Primary site navigation">
+  <ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation" role="menu">
     {% for link in nav.menu %}
-    <li>{% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}</li>
+    <li role="menu-item">
+      {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
+    </li>
     {% endfor %}
   </ul>
   {% render "partials/nav/theme-toggle.liquid" %}
diff --git a/src/_includes/partials/nav/theme-toggle.liquid b/src/_includes/partials/nav/theme-toggle.liquid
index d1d0dce0..23d227f1 100644
--- a/src/_includes/partials/nav/theme-toggle.liquid
+++ b/src/_includes/partials/nav/theme-toggle.liquid
@@ -1,9 +1,7 @@
 <script type="module" src="/assets/scripts/components/theme-toggle.js"></script>
 <span class="client-side">
   <theme-toggle>
-    <button
-      class="theme-toggle"
-      aria-label="Toggle site theme">
+    <button class="theme-toggle" aria-label="Toggle site theme" role="menuitem" tabindex="0">
       <span class="light">
         {% tablericon "sun" "Toggle light theme" %}
       </span>
diff --git a/src/assets/scripts/media-toggles.js b/src/assets/scripts/media-toggles.js
index 0349bb10..ac7601b1 100644
--- a/src/assets/scripts/media-toggles.js
+++ b/src/assets/scripts/media-toggles.js
@@ -1,4 +1,4 @@
-window.onload = () => {
+window.addEventListener('load', () => {
   const initializeButtonSet = (buttonSet) => {
     const buttons = buttonSet.querySelectorAll('button')
     const buttonIds = Array.from(buttons).map(button => button.getAttribute('data-toggle'))
@@ -27,4 +27,4 @@ window.onload = () => {
 
   const buttonSets = document.querySelectorAll('.section-header-buttons')
   buttonSets.forEach(initializeButtonSet)
-}
\ No newline at end of file
+})
\ No newline at end of file
diff --git a/src/assets/scripts/menu.js b/src/assets/scripts/menu.js
new file mode 100644
index 00000000..9d4bcde8
--- /dev/null
+++ b/src/assets/scripts/menu.js
@@ -0,0 +1,64 @@
+window.addEventListener('load', () => {
+  const menuInput = document.getElementById('menu-toggle')
+  const menuButtonContainer = document.querySelector('.menu-button-container')
+  const menuItems = document.querySelectorAll('.menu-primary li[role="menu-item"]')
+  const isMobile = () => window.innerWidth <= 768
+
+  const updateTabIndex = () => {
+    const isExpanded = menuInput.checked
+    menuButtonContainer.setAttribute('aria-expanded', isExpanded)
+
+    menuItems.forEach(item => {
+      const link = item.querySelector('a')
+      if (link) link.setAttribute('tabindex', isMobile() && !isExpanded ? '-1' : '0')
+    })
+  }
+
+  const handleMenuChange = () => {
+    updateTabIndex()
+    if (menuInput.checked) {
+      const firstLink = menuItems[0].querySelector('a')
+      if (firstLink) firstLink.focus()
+    } else {
+      menuButtonContainer.focus()
+    }
+  }
+
+  updateTabIndex()
+
+  menuInput.addEventListener('change', handleMenuChange)
+
+  menuButtonContainer.addEventListener('keydown', e => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault()
+      menuInput.checked = !menuInput.checked
+      handleMenuChange()
+    }
+  })
+
+  menuItems.forEach(item => {
+    item.addEventListener('keydown', e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault()
+        item.querySelector('a').click()
+      }
+    })
+  })
+
+  document.addEventListener('keydown', e => {
+    if (e.key === 'Escape') {
+      if (isMobile() && menuInput.checked) {
+        menuInput.checked = false
+        handleMenuChange()
+      }
+    }
+  })
+
+  window.addEventListener('resize', () => {
+    updateTabIndex()
+    if (!isMobile() && menuInput.checked) {
+      menuInput.checked = false
+      handleMenuChange()
+    }
+  })
+})
diff --git a/src/assets/scripts/text-toggle.js b/src/assets/scripts/text-toggle.js
index a5977c30..298ed4fb 100644
--- a/src/assets/scripts/text-toggle.js
+++ b/src/assets/scripts/text-toggle.js
@@ -1,4 +1,4 @@
-window.onload = () => {
+window.addEventListener('load', () => {
   const button = document.querySelector('[data-toggle-button]')
   const content = document.querySelector('[data-toggle-content]')
   const text = document.querySelectorAll('[data-toggle-content] p')
@@ -21,4 +21,4 @@ window.onload = () => {
       button.textContent = 'Show more'
     }
   });
-}
\ No newline at end of file
+})
\ No newline at end of file
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index a6be30d2..8ceb490e 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -35,6 +35,11 @@ body {
   height: var(--sizing-xs);
 }
 
+a:focus,
+a:focus-within {
+  outline: 2px dashed var(--accent-color);
+}
+
 body::-webkit-scrollbar {
   width: var(--sizing-md);
   height: var(--sizing-md);
diff --git a/src/assets/styles/components/buttons.css b/src/assets/styles/components/buttons.css
index ba8f9346..3c5ff5be 100644
--- a/src/assets/styles/components/buttons.css
+++ b/src/assets/styles/components/buttons.css
@@ -1,4 +1,9 @@
 button {
+  &:focus,
+  &:focus-within {
+    outline: 2px dashed var(--accent-color);
+  }
+
   &:not(.theme-toggle) {
     border-radius: var(--rounded-full);
     padding: var(--sizing-sm) var(--sizing-lg);
diff --git a/src/assets/styles/components/forms.css b/src/assets/styles/components/forms.css
index 3155a6eb..b05ea423 100644
--- a/src/assets/styles/components/forms.css
+++ b/src/assets/styles/components/forms.css
@@ -18,16 +18,13 @@ textarea {
   margin-bottom: var(--sizing-base);
   font-weight: var(--font-weight-base);
   line-height: var(--line-height-base);
-  transition-property: border-color;
-  transition-timing-function: var(--transition-ease-in-out);
-  transition-duration: var(--transition-duration-default);
 }
 
-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="search"]:focus,
-textarea:focus {
-  border: 1px solid var(--accent-color-hover);
+input:focus,
+input:focus-within,
+textarea:focus,
+textarea:focus-within {
+  outline: 2px dashed var(--accent-color);
 }
 
 .search__results {
diff --git a/src/assets/styles/components/menu.css b/src/assets/styles/components/menu.css
index d6b93adf..ec74f90f 100644
--- a/src/assets/styles/components/menu.css
+++ b/src/assets/styles/components/menu.css
@@ -24,22 +24,25 @@
 .menu-button-container {
   display: none;
   margin-left: var(--sizing-md);
+  outline: 0;
 
-  & .menu-open,
-  & .menu-closed {
-    cursor: pointer;
+  &:focus,
+  &:focus-within {
+    outline: 2px dashed var(--accent-color);
   }
 
   & svg {
+    cursor: pointer;
     transform: rotate(0deg);
     transition-property: transform;
     transition-timing-function: var(--transition-ease-in-out);
     transition-duration: var(--transition-duration-default);
   }
 
-  & svg:hover,
-  & svg:active,
-  & svg:focus {
+  &:hover svg,
+  &:focus svg,
+  &:focus-within svg,
+  &:active svg {
     stroke: var(--accent-color-hover);
     transform: rotate(8deg);
   }
@@ -49,24 +52,24 @@
   display: none;
 }
 
-#menu-toggle:checked + .menu-button-container {
-  & .menu-closed {
-    display: none;
-  }
-
-  & .menu-open {
-    display: block;
-  }
+#menu-toggle:checked + .menu-button-container .menu-closed {
+  display: none;
 }
 
-#menu-toggle:not(:checked) + .menu-button-container {
-  & .menu-closed {
-    display: block;
-  }
+#menu-toggle:checked + .menu-button-container .menu-open {
+  display: block;
+}
 
-  & .menu-open {
-    display: none;
-  }
+#menu-toggle:not(:checked) + .menu-button-container .menu-closed {
+  display: block;
+}
+
+#menu-toggle:not(:checked) + .menu-button-container .menu-open {
+  display: none;
+}
+
+a[role="menu-item"]:focus {
+  outline: none;
 }
 
 @media (max-width: 768px) {
@@ -120,6 +123,17 @@
     & .active {
       font-size: var(--font-size-lg);
     }
+
+    &:focus a,
+    &:focus-within a {
+      outline: 0;
+    }
+
+    &:focus,
+    &:focus-within {
+      border-top: 2px dashed var(--accent-color);
+      border-bottom: 2px dashed var(--accent-color);
+    }
   }
 
   .menu-button-container {
diff --git a/src/assets/styles/components/theme-toggle.css b/src/assets/styles/components/theme-toggle.css
index dab0586e..2f8c7aab 100644
--- a/src/assets/styles/components/theme-toggle.css
+++ b/src/assets/styles/components/theme-toggle.css
@@ -11,6 +11,18 @@ theme-toggle {
 
   & svg {
     cursor: pointer;
+    transform: rotate(0deg);
+    transition-property: transform;
+    transition-timing-function: var(--transition-ease-in-out);
+    transition-duration: var(--transition-duration-default);
+  }
+
+  &:hover svg,
+  &:focus svg,
+  &:focus-within svg,
+  &:active svg {
+    stroke: var(--accent-color-hover);
+    transform: rotate(8deg);
   }
 
   & > .light svg { stroke: var(--sun) !important; }
diff --git a/src/assets/styles/pages/books.css b/src/assets/styles/pages/books.css
index 576de665..a1fdc675 100644
--- a/src/assets/styles/pages/books.css
+++ b/src/assets/styles/pages/books.css
@@ -37,8 +37,8 @@
     }
 
     & .progress-bar-wrapper {
-      margin-top: var(--font-size-xs);
       max-width: 75%;
+      margin-bottom: 0;
     }
 
     & blockquote.description {
@@ -65,6 +65,7 @@
     & p {
       &.title {
         font-size: var(--font-size-xl);
+        line-height: 1;
       }
 
       &.sub-meta {
@@ -109,6 +110,7 @@
       align-items: start;
 
       & .progress-bar-wrapper {
+        margin-top: 0;
         max-width: 40%;
       }
     }
diff --git a/src/pages/main/search.html b/src/pages/main/search.html
index da7abcdf..1b838fe3 100644
--- a/src/pages/main/search.html
+++ b/src/pages/main/search.html
@@ -36,6 +36,10 @@ permalink: /search.html
       renderSearchResults(results)
     })
 
+    $input.addEventListener('keydown', (event) => {
+      if (event.key === 'Enter') event.preventDefault()
+    })
+
     const getSearchResults = (query) => miniSearch.search(query, { prefix: true, fuzzy: 0.2, boost: { title: 2 } }).map(({ id }) => resultsById[id])
     const renderSearchResults = (results) => {
       $results.innerHTML = results.map(({ title, url }) => {
@@ -48,7 +52,7 @@ permalink: /search.html
         $results.classList.add('hidden')
       }
     }
-  })();
+  })()
 </script>
 <form class="search__form" action="https://duckduckgo.com" method="get">
   <input class="search__form--input" placeholder="Search" type="search" name="q" autocomplete="off" autofocus>