refactor(a11y): add aria-hidden in horizontal divider (<hr />)

2026-08-14 11:29:33 +08:00 · 2022-11-26 20:09:37 +06:30
parent 4ae0a9c722
commit 5a67afc6b2
1 changed files with 3 additions and 2 deletions
@@ -1,11 +1,12 @@
 ---
 export interface Props {
  noPadding?: boolean;
+  ariaHidden?: boolean;
 }

-const { noPadding = false } = Astro.props;
+const { noPadding = false, ariaHidden = true } = Astro.props;
 ---

 <div class={`max-w-3xl mx-auto ${noPadding ? "px-0" : "px-4"}`}>
-  <hr class="border-skin-line" />
+  <hr class="border-skin-line" aria-hidden={ariaHidden} />
 </div>