search

PolymerElements / paper-input

A Material Design text field
https://www.webcomponents.org/element/PolymerElements/paper-input
130 stars 162 forks source link

paper-textarea label and descriotion are not accessible to screen readers on Chrome #614

Open hcarmona opened 6 years ago

hcarmona commented 6 years ago

Description

It looks like the textarea's aria-labelledby is populated with the id of the label, however, the label is not in the same shadow dom as the textarea, so this is not accessible in Chrome. This means that screen readers are not finding the label. (Same is true for aria-describedby)

Expected outcome

Screen readers should be able to read the label

Actual outcome

Screen readers can't read the label of a paper-textarea

Live Demo

http://jsbin.com/fepepop/edit?html,output (Taken from Issue 478)

Steps to reproduce

  1. Put a paper-textarea in the page
  2. Open the page in Chrome
  3. Use a screen reader to navigate to teh paper-textarea

Browsers Affected