Fix accessibility violations in UI test app

backspace · backspace · commit 8602c60e1e9e · 2024-03-13T10:38:31.000-07:00
diff --git a/packages/boxel-ui/addon/src/components/input-group/usage.gts b/packages/boxel-ui/addon/src/components/input-group/usage.gts
@@ -330,6 +330,7 @@ export default class BoxelInputGroupUsage extends Component {
               @onChange={{this.selectExampleOnSelectItem}}
               @options={{this.selectExampleItems}}
               @dropdownClass='boxel-select-usage-dropdown'
+              aria-label='Select an item'
               as |item itemCssClass|
             >
               <div class={{itemCssClass}}>{{item}}</div>
diff --git a/packages/boxel-ui/addon/src/components/select/usage.gts b/packages/boxel-ui/addon/src/components/select/usage.gts
@@ -62,6 +62,7 @@ export default class BoxelSelectUsage extends Component {
           @renderInPlace={{this.renderInPlace}}
           @disabled={{this.disabled}}
           @dropdownClass='boxel-select-usage-dropdown'
+          aria-label='Select an item'
           as |item itemCssClass|
         >
           <div class={{itemCssClass}}>{{item}}</div>

Original file line number	Diff line number	Diff line change
`@@ -330,6 +330,7 @@ export default class BoxelInputGroupUsage extends Component {`
`330`	`330`	`@onChange={{this.selectExampleOnSelectItem}}`
`331`	`331`	`@options={{this.selectExampleItems}}`
`332`	`332`	`@dropdownClass='boxel-select-usage-dropdown'`
	`333`	`+ aria-label='Select an item'`
`333`	`334`	`as \|item itemCssClass\|`
`334`	`335`	`>`
`335`	`336`	`<div class={{itemCssClass}}>{{item}}</div>`
Original file line number	Diff line number	Diff line change
`@@ -62,6 +62,7 @@ export default class BoxelSelectUsage extends Component {`
`62`	`62`	`@renderInPlace={{this.renderInPlace}}`
`63`	`63`	`@disabled={{this.disabled}}`
`64`	`64`	`@dropdownClass='boxel-select-usage-dropdown'`
	`65`	`+ aria-label='Select an item'`
`65`	`66`	`as \|item itemCssClass\|`
`66`	`67`	`>`
`67`	`68`	`<div class={{itemCssClass}}>{{item}}</div>`