good enough

src/components/Bars.tsx

@@ -309,7 +309,10 @@ export function LeftBar() {
 
   return (
     <nav
+      id="navigation"
+      tabindex="-1"
       ref={ref}
+      aria-label="Main navigation"
       class="border-r-overlay2 bg-base fixed z-50 h-dvh w-min border-r-2 transition-transform duration-500 ease-out md:max-w-[20%]"
       classList={{
         "-translate-x-full": !leftBarVisible(),
@@ -512,8 +515,9 @@ export function RightBar() {
   });
 
   return (
-    <nav
+    <aside
       ref={ref}
+      aria-label="Links and activity"
       class="border-l-overlay2 bg-base fixed right-0 z-50 hidden h-dvh w-fit border-l-2 transition-transform duration-500 ease-out md:block md:max-w-[20%]"
       classList={{
         "translate-x-full": !rightBarVisible(),
@@ -528,6 +532,6 @@ export function RightBar() {
       }}
     >
       <RightBarContent />
-    </nav>
+    </aside>
   );
 }

src/components/blog/Card.tsx

@@ -39,7 +39,7 @@ export default function Card(props: CardProps) {
         </div>
       </Show>
       <img
-        src={props.post.banner_photo ? props.post.banner_photo : "/bitcoin.jpg"}
+        src={props.post.banner_photo ?? ""}
         alt={props.post.title.replaceAll("_", " ") + " banner"}
         class="h-full w-full object-cover"
       />