[Webkit-unassigned] [Bug 251544] AX: input[type=date] individual fields are announced as "group"

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=251544

Tyler Wilcock <tyler_w at apple.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |tyler_w at apple.com

--- Comment #2 from Tyler Wilcock <tyler_w at apple.com> ---
Hi — glad to know you're interested in helping with this one.

Investigating an <input type="date"> with Web Inspector, we see that it's actually implemented with User Agent Shadow DOM elements:

<input type="date">
  Shadow Content (User Agent)
    <div pseudo="-webkit-datetime-edit">
      <div pseudo="-webkit-datetime-edit-fields-wrapper">
        <div pseudo="-webkit-datetime-edit-month-field">02</div>
        <div pseudo="-webkit-datetime-edit-text">/</div>
        <div pseudo="-webkit-datetime-edit-day-field">07</div>
        <div pseudo="-webkit-datetime-edit-text">/</div>
        <div pseudo="-webkit-datetime-edit-year-field">2023</div>
      </div>
    </div>
  End Shadow Content (User Agent)
</input>

And using Accessibility Inspector we can see the accessibility hierarchy for this component. There are several groups in the hierarchy, which probably means WebKit is creating groups for some or all of these divs.

One possible approach for improving this experience is adding some accessible markup to these elements. You can find how they're implemented by searching for them in the WebKit project (e.g. -webkit-datetime-edit-month-field). For example, could we use aria-label to better describe these groups? Are all of these groups really necessary (maybe they are)?

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230207/128a87be/attachment.htm>