[a11y] Correct role and label for devtools-switch [devtools/devtools-frontend : main]

0 views
Skip to first unread message

Ergün Erdoğmuş (Gerrit)

unread,
Sep 23, 2025, 7:59:26 AM (3 days ago) Sep 23
to Kateryna Prokopenko, devtools-rev...@chromium.org
Attention needed from Kateryna Prokopenko

Ergün Erdoğmuş voted

Auto-Submit+1
Commit-Queue+1
Open in Gerrit

Related details

Attention is currently required from:
  • Kateryna Prokopenko
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement is not satisfiedCode-Review
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 1
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-Attention: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-Comment-Date: Tue, 23 Sep 2025 11:59:22 +0000
Gerrit-HasComments: No
Gerrit-Has-Labels: Yes
satisfied_requirement
unsatisfied_requirement
open
diffy

Kateryna Prokopenko (Gerrit)

unread,
Sep 23, 2025, 9:57:01 AM (2 days ago) Sep 23
to Ergün Erdoğmuş, Devtools-frontend LUCI CQ, devtools-rev...@chromium.org
Attention needed from Ergün Erdoğmuş

Kateryna Prokopenko voted and added 2 comments

Votes added by Kateryna Prokopenko

Code-Review+1

2 comments

Patchset-level comments
File-level comment, Patchset 1 (Latest):
Kateryna Prokopenko . resolved

LGTM % one question!

File front_end/panels/security/CookieControlsView.ts
Line 189, Patchset 1 (Latest): .label=${'Temporarily limit third-party cookies, only when DevTools is open'}
Kateryna Prokopenko . unresolved

Do we not want to translate this?

Open in Gerrit

Related details

Attention is currently required from:
  • Ergün Erdoğmuş
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement satisfiedCode-Review
  • requirement is not satisfiedNo-Unresolved-Comments
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 1
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-CC: Devtools-frontend LUCI CQ <devtools-fro...@luci-project-accounts.iam.gserviceaccount.com>
Gerrit-Attention: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Comment-Date: Tue, 23 Sep 2025 13:56:56 +0000
Gerrit-HasComments: Yes
Gerrit-Has-Labels: Yes
satisfied_requirement
unsatisfied_requirement
open
diffy

Ergün Erdoğmuş (Gerrit)

unread,
Sep 23, 2025, 10:18:42 AM (2 days ago) Sep 23
to Kateryna Prokopenko, Devtools-frontend LUCI CQ, devtools-rev...@chromium.org
Attention needed from Kateryna Prokopenko

Ergün Erdoğmuş voted and added 1 comment

Votes added by Ergün Erdoğmuş

Auto-Submit+1
Commit-Queue+1

1 comment

File front_end/panels/security/CookieControlsView.ts
Line 189, Patchset 1: .label=${'Temporarily limit third-party cookies, only when DevTools is open'}
Kateryna Prokopenko . resolved

Do we not want to translate this?

Ergün Erdoğmuş

I think we want to, let me do it in a separate CL :)

Open in Gerrit

Related details

Attention is currently required from:
  • Kateryna Prokopenko
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement is not satisfiedCode-Review
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 2
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-CC: Devtools-frontend LUCI CQ <devtools-fro...@luci-project-accounts.iam.gserviceaccount.com>
Gerrit-Attention: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-Comment-Date: Tue, 23 Sep 2025 14:18:38 +0000
Gerrit-HasComments: Yes
Gerrit-Has-Labels: Yes
Comment-In-Reply-To: Kateryna Prokopenko <kprok...@chromium.org>
satisfied_requirement
unsatisfied_requirement
open
diffy

Kateryna Prokopenko (Gerrit)

unread,
Sep 23, 2025, 10:24:22 AM (2 days ago) Sep 23
to Ergün Erdoğmuş, Devtools-frontend LUCI CQ, devtools-rev...@chromium.org
Attention needed from Ergün Erdoğmuş

Kateryna Prokopenko voted and added 2 comments

Votes added by Kateryna Prokopenko

Code-Review+1

2 comments

Patchset-level comments
File-level comment, Patchset 2 (Latest):
Kateryna Prokopenko . resolved

LGTM:)

File front_end/panels/security/CookieControlsView.ts
Line 189, Patchset 1: .label=${'Temporarily limit third-party cookies, only when DevTools is open'}
Kateryna Prokopenko . resolved

Do we not want to translate this?

Ergün Erdoğmuş

I think we want to, let me do it in a separate CL :)

Kateryna Prokopenko

That works!:)

Open in Gerrit

Related details

Attention is currently required from:
  • Ergün Erdoğmuş
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement satisfiedCode-Review
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 2
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-CC: Devtools-frontend LUCI CQ <devtools-fro...@luci-project-accounts.iam.gserviceaccount.com>
Gerrit-Attention: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Comment-Date: Tue, 23 Sep 2025 14:24:17 +0000
Gerrit-HasComments: Yes
Gerrit-Has-Labels: Yes
Comment-In-Reply-To: Ergün Erdoğmuş <erg...@chromium.org>
Comment-In-Reply-To: Kateryna Prokopenko <kprok...@chromium.org>
satisfied_requirement
open
diffy

Ergün Erdoğmuş (Gerrit)

unread,
Sep 23, 2025, 11:34:37 AM (2 days ago) Sep 23
to Kateryna Prokopenko, Devtools-frontend LUCI CQ, devtools-rev...@chromium.org
Attention needed from Kateryna Prokopenko

Ergün Erdoğmuş voted

Auto-Submit+1
Commit-Queue+1
Open in Gerrit

Related details

Attention is currently required from:
  • Kateryna Prokopenko
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement is not satisfiedCode-Review
  • requirement is not satisfiedReview-Enforcement
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 3
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-CC: Devtools-frontend LUCI CQ <devtools-fro...@luci-project-accounts.iam.gserviceaccount.com>
Gerrit-Attention: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-Comment-Date: Tue, 23 Sep 2025 15:34:33 +0000
Gerrit-HasComments: No
Gerrit-Has-Labels: Yes
satisfied_requirement
unsatisfied_requirement
open
diffy

Nikolay Vitkov (Gerrit)

unread,
Sep 23, 2025, 11:38:21 AM (2 days ago) Sep 23
to Ergün Erdoğmuş, Kateryna Prokopenko, Devtools-frontend LUCI CQ, devtools-rev...@chromium.org
Attention needed from Ergün Erdoğmuş and Kateryna Prokopenko

Nikolay Vitkov voted

Code-Review+1
Commit-Queue+2
Open in Gerrit

Related details

Attention is currently required from:
  • Ergün Erdoğmuş
  • Kateryna Prokopenko
Submit Requirements:
  • requirement satisfiedCode-Owners
  • requirement satisfiedCode-Review
  • requirement satisfiedReview-Enforcement
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: comment
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 3
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-Reviewer: Nikolay Vitkov <nvi...@chromium.org>
Gerrit-CC: Devtools-frontend LUCI CQ <devtools-fro...@luci-project-accounts.iam.gserviceaccount.com>
Gerrit-Attention: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Attention: Kateryna Prokopenko <kprok...@chromium.org>
Gerrit-Comment-Date: Tue, 23 Sep 2025 15:38:17 +0000
Gerrit-HasComments: No
Gerrit-Has-Labels: Yes
satisfied_requirement
open
diffy

Devtools-frontend LUCI CQ (Gerrit)

unread,
Sep 23, 2025, 3:16:05 PM (2 days ago) Sep 23
to Ergün Erdoğmuş, Nikolay Vitkov, Kateryna Prokopenko, devtools-rev...@chromium.org

Devtools-frontend LUCI CQ submitted the change

Change information

Commit message:
[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.
Fixed: 446672060
Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Auto-Submit: Ergün Erdoğmuş <erg...@chromium.org>
Reviewed-by: Nikolay Vitkov <nvi...@chromium.org>
Commit-Queue: Ergün Erdoğmuş <erg...@chromium.org>
Commit-Queue: Nikolay Vitkov <nvi...@chromium.org>
Files:
  • M front_end/panels/common/GdpSignUpDialog.ts
  • M front_end/panels/security/CookieControlsView.ts
  • M front_end/panels/settings/AISettingsTab.ts
  • M front_end/ui/components/switch/SwitchImpl.ts
  • M test/e2e_non_hosted/ai_assistance/ai_assistance_test.ts
  • M test/e2e_non_hosted/security/privacy_test.ts
Change size: S
Delta: 6 files changed, 20 insertions(+), 8 deletions(-)
Branch: refs/heads/main
Submit Requirements:
  • requirement satisfiedCode-Review: +1 by Nikolay Vitkov
Open in Gerrit
Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. DiffyGerrit
Gerrit-MessageType: merged
Gerrit-Project: devtools/devtools-frontend
Gerrit-Branch: main
Gerrit-Change-Id: I09bc6b4133a04c46ab8e482b33a9e0275ddf15d3
Gerrit-Change-Number: 6976525
Gerrit-PatchSet: 4
Gerrit-Owner: Ergün Erdoğmuş <erg...@chromium.org>
Gerrit-Reviewer: Devtools-frontend LUCI CQ <devtools-fro...@luci-project-accounts.iam.gserviceaccount.com>
open
diffy
satisfied_requirement
Reply all
Reply to author
Forward
0 new messages