Talkback does not handle HTML implicit labels correctly

1. Go to a page with this kind of HTML:

  <div>
    <label>
      <span>Implicit</span>
      <input name="in1" id="TextBox_t1" type="text" maxlength="17">
    </label>
  </div>

e.g. https://output.jsbin.com/fujahi

2. Use TalkBack to navigate to the input field

What is the expected output? What do you see instead?

Talkback should announce the element and the label "Edit Box. Implicit"

Instead, TalkBack just announces "Edit Box"

If an explicit label is used, TalkBack works correctly:

  <div>
    <label for="TextBox_t2">
      <span>Explicit</span>
    </label>

    <input name="in2" id="TextBox_t2" type="text" maxlength="17">
  </div>

If an implicit label has explicit semantics added, TalkBack ignores the 
presence of the explicit labeling:

  <div>
    <label for="TextBox_t3">
      <span>Implicit and Explicit</span>
      <input name="in3" id="TextBox_t3" type="text" maxlength="17">
    </label>
  </div>

What version of the product are you using? On what operating system?

Android 6.0 with TalkBack 4.3.1 and Chrome 46.0.2490.76 on a Nexus 5.

Original issue reported on code.google.com by Owen.R.E...@gmail.com on 25 Nov 2015 at 11:46

oogl-import / eyes-free

Talkback does not handle HTML implicit labels correctly #490