[This section needs to describe which components aren't accessible (datetime widgets and/or datetime render elements), and describe why the current implementation isn't accessible.]
Change date + time output to include fieldsets, particularly around select lists
The output HTML will look something like this (in pseudocode):
<fieldset> <legend id="js_1">Event start</legend> <input id="js_2" aria-labelledby="js_1 js_2" aria-label="date" type="date" /> <input id="js_3" aria-labelledby="js_1 js_3" aria-label="time" type="datetime" /> </fieldset>
We use aria-labelledby on the individual inputs to composite a label, referencing the text of the legend and the input itself (a self-referencing label), yielding an accessible label like: "Event start, date, edit text"
User interface changes
Data model changes