fix(accessibility): header level increases

diff --git a/src/public/style.css b/src/public/style.css
index b79038ee4c46bc37c87d38f790bc2f3f90bd796e..50bf413cc1c20b6f1277fe87e4ab1f50f8ac3d8c 100644 (file)
--- a/src/public/style.css
+++ b/src/public/style.css
@@ -1,7 +1,7 @@
 
 .item {
   .header {
-    font-size: 0.8rem;
+    font-size: 1.2rem;
     img {
       width: 18px;
       height: 18px;

diff --git a/src/views.ts b/src/views.ts
index 6c33938651264317b0c4eb83d8f584ee6db9a6d0..f456ad5bffedfbcd715ad365039387e064790bd0 100644 (file)
--- a/src/views.ts
+++ b/src/views.ts
@@ -3,12 +3,12 @@ import { FeedWithEntrySchema } from "./types";
 
 export function renderFeedItemHeader(entry: FeedWithEntrySchema): string {
 return `
-  <h5 class="header">
+  <h2 class="header">
     <img src="${entry.favicon}" alt="Favicon for ${entry.feed_title}">
     [
     <a href="${entry.feed_url}" title="${entry.feed_title}">${entry.feed_title}</a>
     ]
-  </h4>
+  </h2>
 `;
 
 }