fix: accessibility issues
authorxangelo <me@xangelo.ca>
Tue, 30 Jan 2024 15:12:38 +0000 (10:12 -0500)
committerxangelo <me@xangelo.ca>
Tue, 30 Jan 2024 15:12:38 +0000 (10:12 -0500)
src/public/index.html
src/views.ts

index da49a912d24f99ff568d2b4f25395197ec38e329..9076bdd524f0cdc8280a62c534c1e38219eabd78 100644 (file)
@@ -9,13 +9,13 @@
     <script src="https://unpkg.com/htmx.org@1.9.10"></script>
   </head>
   <body>
-    <section>
+    <header>
       <h1>River of News</h1>
       <p>
         <strong>An auto-updating list of news</strong>
       </p>
-    </section>
-    <section hx-trigger="load, every 5m" hx-get="/river"></section>
+    </header>
+    <main hx-trigger="load, every 5m" hx-get="/river"></main>
     <footer>
       <hr>
       <p>
index 8ca67d42bef5af7f3e458dc3629ee8b680a31c94..6c33938651264317b0c4eb83d8f584ee6db9a6d0 100644 (file)
@@ -4,7 +4,7 @@ import { FeedWithEntrySchema } from "./types";
 export function renderFeedItemHeader(entry: FeedWithEntrySchema): string {
 return `
   <h5 class="header">
-    <img src="${entry.favicon}">
+    <img src="${entry.favicon}" alt="Favicon for ${entry.feed_title}">
     [
     <a href="${entry.feed_url}" title="${entry.feed_title}">${entry.feed_title}</a>
     ]