输入DateTime类型的辅助功能

Question

我正在尝试检查我的网络应用的可访问性。为此，我将ChromeVox扩展程序添加到Chrome并将其打开。我看到ChromeVox可以在用户关注它们时读出大多数输入控件。但是，使用这两个<DateTimeInput>控件，ChromeVox只会读取占位符值，而不是每个<label>。这对我来说很奇怪。

以下是我的网络应用的<DateTimeInput>控制部分的代码：

<f:SimpleForm maxContainerCols="3" editable="true" labelSpanL="2" labelSpanM="2" layout="ResponsiveGridLayout">
    <f:content>                  
        <Label text="Start time" required="true" labelFor="startTimeFilter"></Label>
        <DateTimeInput id="startTimeFilter" type="DateTime"  />
        <Label text="End Time" required="true" labelFor="endTimeFilter"></Label>
        <DateTimeInput id="endTimeFilter" type="DateTime"  />
    </f:content>
</f:SimpleForm>

用户界面看起来像：

如何更改我的代码，使ChromeVox和其他屏幕阅读器在输入聚焦时为每个输入读取<label>？