Ng-select: Accessibility Error - Form elements need a label

Created on 2 Apr 2018  路  3Comments  路  Source: ng-select/ng-select

Expected behaviour

https://dequeuniversity.com/rules/axe/2.2/label?application=lighthouse

Form elements like input need a label or they will fail the Chrome Lighthouse Accessibility test

Actual behaviour

form-elements

Most helpful comment

I have a simple ng-select with ng-label-tmp and ng-option-tmp. I want to place an aria-label on the inputbox. Tried following the example but to no avail. How do I place an aria attribute on the combobox?

All 3 comments

I think this should be addressed to #216 which should fix all accessibility issues.

I have a simple ng-select with ng-label-tmp and ng-option-tmp. I want to place an aria-label on the inputbox. Tried following the example but to no avail. How do I place an aria attribute on the combobox?

This seems to be screen-reader dependent. Using both JAWS and NVDA readers, it was reading my custom aria-label on the ng-select properly. But using Apple's VoiceOver, it merely reads a generic 'Menu popup combo box'.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

arun-maddheshia picture arun-maddheshia  路  3Comments

shawnshaddock picture shawnshaddock  路  3Comments

penihel picture penihel  路  4Comments

achimha picture achimha  路  4Comments

tomasz-nowakowski picture tomasz-nowakowski  路  4Comments