diff --git a/.changeset/modern-otters-bake.md b/.changeset/modern-otters-bake.md new file mode 100644 index 0000000000..9ed2c89192 --- /dev/null +++ b/.changeset/modern-otters-bake.md @@ -0,0 +1,7 @@ +--- +"@hashicorp/design-system-components": patch +--- + +`SideNav` - Made a11y related improvements including: +- Changed `List::Title` to h3 & added visually hidden h2 to AppSideNav +- Replaced aria-label for `ToggleButton` with aria-labelledby and aria-expanded diff --git a/packages/components/src/components/hds/side-nav/base.hbs b/packages/components/src/components/hds/side-nav/base.hbs index c304832972..7c9362e928 100644 --- a/packages/components/src/components/hds/side-nav/base.hbs +++ b/packages/components/src/components/hds/side-nav/base.hbs @@ -4,6 +4,8 @@ }} {{! IMPORTANT: we need to add "squishies" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}