feat: add h1 to home page for screen readers

Azganoth · Aug 13, 2023 · f62147d · f62147d
1 parent 42eac94
commit f62147d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/app/page.module.css b/app/page.module.css
@@ -5,6 +5,14 @@
   padding: 24px;
 }
 
+.srHeading {
+  overflow: hidden;
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+}
+
 .card {
   display: block;
   position: relative;

diff --git a/app/page.tsx b/app/page.tsx
@@ -10,6 +10,7 @@ export default function Page() {
     <>
       <Header action="start" />
       <main className={styles.content}>
+        <h1 className={styles.srHeading}>Galleria</h1>
         <Masonry>
           {paintings.map((painting) => (
             <Link