Scoped labels: set aria-disabled on muted Exclusive option for a11y (#23306)

It is convenient to be able to toggle off this option after removing /
from the name. This ensures the muted state is communicated to blind
users even when the input is not fully disabled.

Part of #22974

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
This commit is contained in:
Brecht Van Lommel 2023-03-05 14:25:25 +01:00 committed by GitHub
parent 5d621fe9a7
commit e8935606f5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -13,6 +13,7 @@ function updateExclusiveLabelEdit(form) {
if (isExclusiveScopeName(nameInput.val())) { if (isExclusiveScopeName(nameInput.val())) {
exclusiveField.removeClass('muted'); exclusiveField.removeClass('muted');
exclusiveField.removeAttr('aria-disabled');
if (exclusiveCheckbox.prop('checked') && exclusiveCheckbox.data('exclusive-warn')) { if (exclusiveCheckbox.prop('checked') && exclusiveCheckbox.data('exclusive-warn')) {
exclusiveWarning.removeClass('gt-hidden'); exclusiveWarning.removeClass('gt-hidden');
} else { } else {
@ -20,6 +21,7 @@ function updateExclusiveLabelEdit(form) {
} }
} else { } else {
exclusiveField.addClass('muted'); exclusiveField.addClass('muted');
exclusiveField.attr('aria-disabled', 'true');
exclusiveWarning.addClass('gt-hidden'); exclusiveWarning.addClass('gt-hidden');
} }
} }