Fixes #11431. Adjust aria-checked attribute to only work on matching …

…aria

roles.

https://www.w3.org/TR/wai-aria-1.1/#aria-checked

packages/components/src/menu-item/index.js

@@ -74,15 +74,21 @@ export function MenuItem( {
 		props.icon = icon;
 	}
 
+	const atts = {
+		'aria-label': label,
+		role,
+		className,
+		...props,
+	};
+
+	// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked
+	if ( role === 'menuitemcheckbox' || role === 'menuitemradio' ) {
+		atts[ 'aria-checked' ] = isSelected;
+	}
+
 	return createElement(
 		tagName,
-		{
-			'aria-label': label,
-			'aria-checked': isSelected,
-			role,
-			className,
-			...props,
-		},
+		atts,
 		children,
 		<Shortcut className="components-menu-item__shortcut" shortcut={ shortcut } />
 	);