Use disabled and __experimentalIsFocusable instead of aria-disabled i…

…n buttons
WordPress · Nov 15, 2023 · c10be61 · c10be61
1 parent 0a655be
commit c10be61
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/edit-site/src/components/dataviews/add-filter.js b/packages/edit-site/src/components/dataviews/add-filter.js
@@ -61,7 +61,8 @@ export default function AddFilter( { fields, view, onChangeView } ) {
 			label={ __( 'Add filter' ) }
 			trigger={
 				<Button
-					aria-disabled={ filters.length === view.filters?.length }
+					disabled={ filters.length === view.filters?.length }
+					__experimentalIsFocusable={ true }
 					__next40pxDefaultSize={ true }
 					icon={ plus }
 					variant="tertiary"

diff --git a/packages/edit-site/src/components/dataviews/reset-filters.js b/packages/edit-site/src/components/dataviews/reset-filters.js
@@ -7,7 +7,8 @@ import { __ } from '@wordpress/i18n';
 export default ( { view, onChangeView } ) => {
 	return (
 		<Button
-			aria-disabled={ view.search === '' && view.filters?.length === 0 }
+			disabled={ view.search === '' && view.filters?.length === 0 }
+			__experimentalIsFocusable={ true }
 			__next40pxDefaultSize={ true }
 			variant="tertiary"
 			onClick={ () => {