Data views: Use aria-disabled on disabled checkboxes (#59364)

Co-authored-by: jameskoster <[email protected]> Co-authored-by: Mamaduka <[email protected]> Co-authored-by: ramonjd <[email protected]> Co-authored-by: youknowriad <[email protected]> Co-authored-by: andrewhayward <[email protected]> Co-authored-by: mirka <[email protected]> Co-authored-by: alexstine <[email protected]> Co-authored-by: scruffian <[email protected]>
WordPress · Mar 4, 2024 · 83952bb · 83952bb
1 parent 7df076f
commit 83952bb
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/dataviews/src/single-selection-checkbox.js b/packages/dataviews/src/single-selection-checkbox.js
@@ -32,10 +32,14 @@ export default function SingleSelectionCheckbox( {
 		<CheckboxControl
 			className="dataviews-view-table-selection-checkbox"
 			__nextHasNoMarginBottom
-			checked={ isSelected }
 			label={ selectionLabel }
-			disabled={ disabled }
+			aria-disabled={ disabled }
+			checked={ isSelected }
 			onChange={ () => {
+				if ( disabled ) {
+					return;
+				}
+
 				if ( ! isSelected ) {
 					onSelectionChange(
 						data.filter( ( _item ) => {