輔助功能測試：選擇缺少關聯標籤的元素

Question

要使頁面符合所有政府輔助功能要求，每個表單元素都應該有一個標籤。但是，我們有一個包含三個下拉菜單的出生日期選擇器：日，月和年。可見標籤僅僅是「出生日期」。

有沒有一種辦法：

1. 指定的表單元素沒有標籤？
2. 指定標籤用於多個表單元素？

Answer 1

您可以指定使用<fieldset>和<legend>一組標籤，但是，這並不意味着你可以忽略個人標籤。在您的示例中，您可以爭辯說與其他選擇的距離可以作爲「視覺標籤」，因此您可以使用title屬性來標記組中的每個單獨組件和字段集/圖例

在您的例如，你還需要指出的*爲必填項

下面是一些標記

<fieldset> 
    <legend>Date of Birth* <span class="offscreen">required</span></legend> 
    <select title="month">...</select> 
    <select title="day">...</select> 
    <select title="year">...</select> 
    <button title="pick date" class="datepicker"></button> 
</fieldset>