gold-cc-input accessibility issues

PolymerElements / gold-cc-input

An input element that only allows credit card numbers

https://webcomponents.org/element/PolymerElements/gold-cc-input

13 stars 23 forks source link

gold-cc-input accessibility issues #10

Closed lpalmaro closed 9 years ago

lpalmaro commented 9 years ago

Audit results:

[Severe] Controls and media elements should have labels (6) [Warning] Text elements should have a reasonable contrast ratio (4) [Warning] These elements are focusable but either invisible or obscured by another element (1) Not applicable tests (9) Passing tests (5)

Contrast: hint text and the credit card names are too light.

Firefox / NVDA / Windows: hint text reads "autocomplete", but is that actually the case? Just wanted to check.

notwaldorf commented 9 years ago

I can't get NVDA (on IE10) to read "autocomplete". When I tab to an input, it either reads "edit, blank", if it's empty, or the credit card number, if it's filled. Am I using it wrong?

notwaldorf commented 9 years ago

Done! :tada: