Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Lists missing label on select element when aria-label is present.

See original GitHub issue

Environment Information

Affected Channels: Chrome extension
Lighthouse version: 4.3.1
Node.js version: N/A
Operating System: OSX 10.14.5

The reported fault is that a select element does not have a label — LH links to a page that states adding an aria-label attribute will resolve the issue. As you can see in the below screenshot, an aria-label is present — unless I’ve missed something?

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

Rombecchicommented, Jul 15, 2019

@brendankenny here you are the link for test: https://demo.agestaweb.it/web/default.asp?fr=1&force=1&a=58cbe0e13c5db3aef0cf901f68f291db&preview=1&e=8586

Tested with:

Desktop mode
Performance, Best practices, Accessibility, SEO
No throttling
Clear storage: ON

Failing Elements

select#tipo_contratto.form-control
select#cod_comune.form-control
select#prezzo_max.form-control.fascia
input#riferimento.input_text.form-control

Thanks

1reaction

patrickhulcecommented, Jun 27, 2019

Thanks for filing @leegee.

This potential issue would be with axe would you mind filing in their repo? They would also likely need a repro URL in order to help.

Top Results From Across the Web

Lists missing label on select element when aria-label ... - GitHub

Expectation: Respect aria-label attributes and not report those present as absent. Actual: See screenshot — aria-label ignored, at least on ...

aria-label missing when <label for> present in html?

I just want to have very ordinary label shown within input, no special effects. Thats why I put it outside md-input container. It...

aria-label - Accessibility - MDN Web Docs

The aria-label attribute defines a string value that labels an interactive element.

Require input elements to have a label ( input-missing-label )

Require input elements to have a label ( input-missing-label ). All input elements must have an associated label or accessible name.

ARIA6: Using aria-label to provide labels for objects - W3C

For each element where a aria-label attribute is present. Examine whether the text description accurately labels the object or provides a description of...