Remove labelledby from Icon and set its aria-hidden to be the default

CHANGELOG.md

@@ -13,7 +13,7 @@ This projects adheres to [Semantic Versioning](https://semver.org/) and [Keep a
 - Fix Image component responsive output Co-authored-by: [email protected]
 - Add "Auto" width to wrapperContent and set is as defaults
 - Add a buttonType attribute to Button component
-- Implement a11y for Icon component either by setting aria-hidden to true or using the existing iconName label from manifest option key
+- Implement a11y for Icon component either by setting aria-hidden to true (default) or using the existing iconName label from manifest options key
 - Updated dependencies.
 
 ## [1.4.6]

blocks/init/src/Blocks/components/icon/icon.php

@@ -44,13 +44,7 @@
 	}
 
 	if (!empty($iconTitle)) {
-		$uniqueId = Helpers::getUnique();
-		$titleId = esc_attr("{$iconName}_title_{$uniqueId}");
-
-		$ariaLabelledby = 'aria-labelledby="' . $titleId . '"';
-		$titleTag = '<title id="' . $titleId . '">' . esc_html($iconTitle) . '</title>';
-
-		$icon = str_replace('<svg ', '<svg ' . $ariaLabelledby . ' ', $icon);
+		$titleTag = '<title>' . esc_html($iconTitle) . '</title>';
 		$icon = str_replace('</svg>', $titleTag . '</svg>', $icon);
 	}
 }

blocks/init/src/Blocks/components/icon/manifest.json

@@ -24,7 +24,7 @@
 		},
 		"iconAriaHidden": {
 			"type": "boolean",
-			"default": false
+			"default": true
 		}
 	},
 	"options": {