Accordion Panel: Add role=region (#71902)

mikachan · t-hamano · alexstine · web-flow · commit b77a4a6c1664 · 2025-09-25T15:38:23.000+01:00
Co-authored-by: mikachan &lt;mikachan@git.wordpress.org&gt;
Co-authored-by: t-hamano &lt;wildworks@git.wordpress.org&gt;
Co-authored-by: alexstine &lt;alexstine@git.wordpress.org&gt;
Co-authored-by: joedolson &lt;joedolson@git.wordpress.org&gt;
diff --git a/packages/block-library/src/accordion-panel/edit.js b/packages/block-library/src/accordion-panel/edit.js
@@ -9,6 +9,7 @@ export default function Edit( { attributes } ) {
 
 	const blockProps = useBlockProps( {
 		'aria-hidden': ! isSelected && ! openByDefault,
+		role: 'region',
 	} );
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
diff --git a/packages/block-library/src/accordion-panel/save.js b/packages/block-library/src/accordion-panel/save.js
@@ -4,7 +4,9 @@
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 
 export default function save() {
-	const blockProps = useBlockProps.save();
+	const blockProps = useBlockProps.save( {
+		role: 'region',
+	} );
 	const innerBlocksProps = useInnerBlocksProps.save( blockProps );
 	return <div { ...innerBlocksProps } />;
 }
