屏幕阅读器无法读取输入标签

Question

当我在没有值的输入之间切换时，标签将被正确读取。但是，当输入具有值时，将自动选择该值，并且不会读取标签。我需要读取标签，以便用户具有有关所处内容的上下文。否则，您只需按Tab即可读取名称。在下面的示例中，当我按Tab键时，画外音仅显示为“ Todd”。我希望它说些更聪明的话，例如“名称：Todd”。

<label for="name" id="name-label" class="col-sm-2 control-label">Name</label>
<input
    type="text"
    class="form-control"
    id="name"
    name="name"
    placeholder="Enter a name..."
    value="Todd"
    aria-required="true"
    aria-labelledby="name-label" />