More specific header

MuckRock · Apr 22, 2024 · c03a6ca · c03a6ca
1 parent c0acaea
commit c03a6ca
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/lib/components/documents/DocumentListItem.svelte b/src/lib/components/documents/DocumentListItem.svelte
@@ -62,7 +62,7 @@ It's deliberately minimal and can be wrapped in other components to add addition
     </a>
   </div>
   <div class="info">
-    <h4>{document.title}</h4>
+    <h3>{document.title}</h3>
     <p class="meta">
       {$_("document.pageCount", { values: { n: document.page_count } })} -
       {#if userOrgString(document)}{userOrgString(document)} -
@@ -115,7 +115,7 @@ It's deliberately minimal and can be wrapped in other components to add addition
     min-width: 0;
   }
 
-  h4 {
+  h3 {
     color: var(--gray-5, #233944);
     font-size: var(--font-m, 1rem);
     font-style: normal;

diff --git a/src/lib/components/documents/tests/ResultsList.test.ts b/src/lib/components/documents/tests/ResultsList.test.ts
@@ -24,7 +24,7 @@ describe("ResultsList", () => {
       next: results.next,
     });
 
-    const headings = screen.getAllByRole("heading");
+    const headings = screen.getAllByRole("heading", { level: 3 });
 
     // check that we rendered the right number of documents
     expect(headings.length).toEqual(results.results.length);