Create a11y module

packages/a11y/package.json

@@ -26,6 +26,7 @@
 	},
 	"main": "build/index.js",
 	"module": "build-module/index.js",
+	"wp-module": "build-module/module/index.js",
 	"react-native": "src/index",
 	"types": "build-types",
 	"dependencies": {

packages/a11y/src/module/index.ts

@@ -0,0 +1,25 @@
+/**
+ * Internal dependencies
+ */
+import { makeSetupFunction } from '../shared/index';
+export { speak } from '../shared/index';
+
+// Without an i18n script-module, "Notifications" (the only localized text used in this module)
+// will be trasnlated on the server and provided as script-module data.
+let notificationsText = 'Notifications';
+try {
+	const textContent = document.getElementById(
+		'wp-script-module-data-@wordpress/a11y'
+	)?.textContent;
+	if ( textContent ) {
+		const parsed = JSON.parse( textContent );
+		notificationsText = parsed?.i18n?.Notifications ?? notificationsText;
+	}
+} catch {}
+
+/**
+ * Create the live regions.
+ */
+export const setup = makeSetupFunction( notificationsText );
+
+setup();

tools/webpack/script-modules.js

@@ -17,6 +17,8 @@ module.exports = {
 	...baseConfig,
 	name: 'script-modules',
 	entry: {
+		a11y: './packages/a11y',
+
 		interactivity: './packages/interactivity',
 		'interactivity-debug': './packages/interactivity/src/debug',
 		'interactivity-router': './packages/interactivity-router',