NEW282132
AX: buttontext color is hard to read
https://bugs.webkit.org/show_bug.cgi?id=282132
Summary AX: buttontext color is hard to read
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.