Auto-Submit | +1 |
Commit-Queue | +1 |
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
Code-Review | +1 |
.label=${'Temporarily limit third-party cookies, only when DevTools is open'}
Do we not want to translate this?
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
Auto-Submit | +1 |
Commit-Queue | +1 |
.label=${'Temporarily limit third-party cookies, only when DevTools is open'}
Do we not want to translate this?
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
Code-Review | +1 |
.label=${'Temporarily limit third-party cookies, only when DevTools is open'}
Ergün ErdoğmuşDo we not want to translate this?
I think we want to, let me do it in a separate CL :)
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
[a11y] Correct role and label for devtools-switch
This change addresses an accessibility issue in the `<devtools-switch>`
component where screen readers would announce a double role ("button" and
"checkbox") and a double label ("Keep me updated, unticked, keep me
updated, group").
The root causes were:
1. A `<label>` element with a redundant `role="button"` wrapping the
inner `<input>`.
2. An `aria-label` on the host element (`<devtools-switch>`) causing it
to be announced as a separate entity from its inner checkbox.
This commit fixes the issue by:
- Removing the `role="button"` from the label.
- Introducing a `label` property on the `Switch` component to set the
accessible name.
- Applying the label directly to the inner `<input type="checkbox">`
instead of the host element.
This ensures the switch is announced with a single, correct role and
label.
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |