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.

Accessibility md-select aria-owns

See original GitHub issue

Bug:

aria-owns in the DOM even though the elements it points to are not

What is the expected behavior?

aria-owns should not point to elements not in the DOM, if the elements are not in the DOM then aria-owns should be removed as well

What is the current behavior?

aria-owns shows up in the DOM when those elements are not in the DOM

What are the steps to reproduce?

http://embed.plnkr.co/cLXRzvn2uWQ5y5YmiU8L/ inspect select, notice non-empty aria-owns

What is the use-case or motivation for changing an existing behavior?

Currently throws accessibility issues

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

“@angular/material”: “2.0.0-beta.8”

Is there anything else we should know?

Issue Analytics

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

Top GitHub Comments

1reaction

Lindsorcommented, Sep 13, 2017

Hmm yes reading the spec theres no specific mention of not allowing it. But if you read this part it implies it.

The value of the aria-owns attribute is a space-separated list of IDREFS that reference one or more elements in the document by ID.

It says "one or more elements IN the document by ID.

I’m ok with leaving it if thats what you think though. Our business has flagged it as an accessibility bug we need to fix.

Let me know what you think, I’ll create a PR if you think we should implement

0reactions

angular-automatic-lock-bot[bot]commented, Sep 9, 2019

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

Top Results From Across the Web

aria-owns - Accessibility - MDN Web Docs

The aria-owns attribute identifies an element (or elements) in order to define a visual, functional, or contextual relationship between a ...

While using Md-select ,How to drop down list in protractor?

You can try with by.cssContainingText() as follows: element(by.css('.md-select-menu-container md-select-menu md-content ...

Code coverage report for node-npmtest-angular-material ...

@param {string=} aria-label Optional label for accessibility. ... When using the md-select-header the labels that would previously be added to the ...

$md-select as it should be? - Plunker

... <md-select ng-model="ctrl.selection"> <md-option ng-repeat="selection in ... required for accessibility, is missing on node:',i))}function i(t,n ...

Untitled

... **mdSelect:** fix theme change dynamically ... **chips:** add basic accessibility support. ... **datepicker:** add aria-owns and aria-expanded support ...