Bug 232388 - No tab stop by default on role="button" on <a> tags
Summary: No tab stop by default on role="button" on <a> tags
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-10-27 10:38 PDT by kaylee
Modified: 2021-10-27 10:38 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description kaylee 2021-10-27 10:38:00 PDT 
In Safari, if you have the default tab stop settings (ie, you have not checked "Press tab to highlight each item on a webpage", you will not get a tab stop on an <a> tag that has a role="button". However, Voiceover correctly announces this as a button element. If you have a div with a role="button" you do get a tab stop, so it seems that whatever heuristic is being used preferences the tag over the role, even though the role override is what's used in the accessibility tree. 

I made a small codepen to demonstrate and test this behavior: https://codepen.io/kaylee42/pen/ZEJyQpq
Comment 1 Radar WebKit Bug Importer 2021-10-27 10:38:10 PDT 
<rdar://problem/84717210>