Skip to content

Commit eb5ac38

Browse files
committed
docs(material/chips): updates chips input accesibility recommendation
Updates example which previously used ariaPlaceholder and instead uses an aria-label.
1 parent c09378a commit eb5ac38

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/material/chips/chips.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@ The chips components support 3 user interaction patterns, each with its own cont
141141

142142
`<mat-chip-grid>` and `<mat-chip-row>` : These elements implement a grid accessibility pattern. Use them as part of a free form input that allows users to enter text to add chips.
143143

144-
Note : be sure to have the input element be a sibling of mat-chip-grid to ensure accessibility of the input element by accessibility devices such as Voice Control.
144+
Note : be sure to have the input element be a sibling of mat-chip-grid to ensure accessibility of the input element by accessibility devices such as Voice Control. It is also recommended to apply an appropriate `aria-label` to the input to optimize accessibility of the input.
145145

146146
```html
147147
<mat-form-field>
@@ -159,7 +159,7 @@ Note : be sure to have the input element be a sibling of mat-chip-grid to ensure
159159
<input [matChipInputFor]="myChipGrid"
160160
[matChipInputSeparatorKeyCodes]="separatorKeysCodes"
161161
(matChipInputTokenEnd)="add($event)"
162-
ariaPlaceholder="Add sandwich fillings..." />
162+
aria-label="Add sandwich fillings..." />
163163
</mat-form-field>
164164
```
165165

0 commit comments

Comments
 (0)