Skip to content

Commit 91a4932

Browse files
authored
fix(aria/combobox): increases autocomplete demo's placeholder text c… (#33084)
* fix(aria/combobox): increases autocomplete demo's placeholder text contrast Fixes a bug in Angular Aria's autocomplete demo example where the input's placeholder text is failing text contrast at 4.4 and does not meet the a11y required 4.5:1 contrast ratio. This provides a color variable to ::placeholder to meet the ratio at 8.89:1. Fixes b/477617379 * refactor(aria/combobox): fix lint errors Fixes lint errors. * refactor(aria/combobox): fix prefix lint errors
1 parent b04751c commit 91a4932

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

src/components-examples/aria/autocomplete/autocomplete.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,3 +117,13 @@
117117
.example-check-icon {
118118
font-size: 0.9rem;
119119
}
120+
121+
/* stylelint-disable material/no-prefixes -- Provides all prefixes for ::placeholder */
122+
input::-webkit-input-placeholder,
123+
input::-moz-placeholder, /* Firefox 19+ */
124+
input:-ms-input-placeholder, /* IE 10+ */
125+
input:-moz-placeholder, /* Firefox 18- */
126+
input::placeholder {
127+
color: var(--mat-sys-on-surface-variant);
128+
}
129+
/* stylelint-enable material/no-prefixes */

0 commit comments

Comments
 (0)