Bug 282132

Summary: AX: buttontext color is hard to read
Product: WebKit Reporter: Yash Raj Bharti <yashrajbharti.met18>
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: akeerthi, andresg_22, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
button text on button element causing a11y issues none

Yash Raj Bharti
Reported 2024-10-26 02:39:16 PDT
The 'buttontext' color from button element injected by user agent stylesheet on all safari versions seems to give an accessibility issue. ```css input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button { align-items: flex-start; text-align: center; cursor: default; color: buttontext; padding-top: 2px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: outset; border-right-style: outset; border-bottom-style: outset; border-left-style: outset; border-top-color: buttonface; border-right-color: buttonface; border-bottom-color: buttonface; border-left-color: buttonface; background-color: buttonface; box-sizing: border-box; } ``` The color buttontext in Safari seems to be #dcdcdc Check: https://github.com/mdn/interactive-examples/issues/2839 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu#try_it
Attachments
button text on button element causing a11y issues (930.33 KB, image/png)
2024-10-26 02:40 PDT, Yash Raj Bharti
no flags
Yash Raj Bharti
Comment 1 2024-10-26 02:40:31 PDT
Created attachment 473054 [details] button text on button element causing a11y issues
Radar WebKit Bug Importer
Comment 2 2024-10-26 02:40:41 PDT
Note You need to log in before you can comment on or make changes to this bug.