@half-built/astro 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/content/Palette.astro +6 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@half-built/astro",
3
- "version": "0.4.0",
3
+ "version": "0.4.2",
4
4
  "description": "Astro components, islands, and pure helpers for the half-built design system.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/components/content/Palette.astro CHANGED
@@ -15,8 +15,11 @@ const { entries, class: className, label = "Palette" } = Astro.props;
15
15
  ---
16
16
  {/* The scroll box is a tab stop with a name: below the column's width
17
17
  the table scrolls sideways, and a scrolling region a keyboard cannot
18
- reach fails WCAG 2.1.1 (axe scrollable-region-focusable). */}
19
- <div class:list={["table-scroll", className]} tabindex="0" role="region" aria-label={label}>
18
+ reach fails WCAG 2.1.1 (axe scrollable-region-focusable). A named
19
+ <section> is the region landmark natively; a div with role=region
20
+ fails html-validate's prefer-native-element (the blog's gate caught
21
+ it at the 0.4.0 pin bump). */}
22
+ <section class:list={["table-scroll", className]} tabindex="0" aria-label={label}>
20
23
  <table class="palette">
21
24
  <thead>
22
25
  <tr>
@@ -37,7 +40,7 @@ const { entries, class: className, label = "Palette" } = Astro.props;
37
40
  ))}
38
41
  </tbody>
39
42
  </table>
40
- </div>
43
+ </section>
41
44
 
42
45
  <style>
43
46
  .palette-chip {