@instructure/ui-alerts 11.7.5 → 11.7.6-snapshot-11

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.6-snapshot-11](https://github.com/instructure/instructure-ui/compare/v11.7.5...v11.7.6-snapshot-11) (2026-08-31)
+
+
+### Bug Fixes
+
+* **ui-alerts:** remove live region role warning ([884a1fa](https://github.com/instructure/instructure-ui/commit/884a1faf40befef98716751b39f46f65c906c45c))
+
+
+
+
+
 ## [11.7.5](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5) (2026-08-25)
 
 **Note:** Version bump only for package @instructure/ui-alerts

package/es/Alert/v2/index.js

@@ -120,7 +120,6 @@ let Alert = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle),
     return this.isDOMNode(lr) ? lr : null;
   }
   initLiveRegion(liveRegion) {
-    error(liveRegion.getAttribute('role') === 'alert', `[Alert] live region must have role='alert' set on page load in order to announce content`);
     if (liveRegion) {
       liveRegion.setAttribute('aria-live', this.props.liveRegionPoliteness);
       // indicates what notifications the user agent will trigger when the

package/lib/Alert/v2/index.js

@@ -128,7 +128,6 @@ let Alert = exports.Alert = (_dec = (0, _withDeterministicId.withDeterministicId
     return this.isDOMNode(lr) ? lr : null;
   }
   initLiveRegion(liveRegion) {
-    (0, _console.logError)(liveRegion.getAttribute('role') === 'alert', `[Alert] live region must have role='alert' set on page load in order to announce content`);
     if (liveRegion) {
       liveRegion.setAttribute('aria-live', this.props.liveRegionPoliteness);
       // indicates what notifications the user agent will trigger when the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "11.7.5",
+  "version": "11.7.6-snapshot-11",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,26 +16,26 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "keycode": "^2",
-    "@instructure/console": "11.7.5",
-    "@instructure/emotion": "11.7.5",
-    "@instructure/ui-buttons": "11.7.5",
-    "@instructure/ui-a11y-content": "11.7.5",
-    "@instructure/shared-types": "11.7.5",
-    "@instructure/ui-icons": "11.7.5",
-    "@instructure/ui-motion": "11.7.5",
-    "@instructure/ui-themes": "11.7.5",
-    "@instructure/ui-react-utils": "11.7.5",
-    "@instructure/ui-view": "11.7.5"
+    "@instructure/emotion": "11.7.6-snapshot-11",
+    "@instructure/console": "11.7.6-snapshot-11",
+    "@instructure/shared-types": "11.7.6-snapshot-11",
+    "@instructure/ui-buttons": "11.7.6-snapshot-11",
+    "@instructure/ui-a11y-content": "11.7.6-snapshot-11",
+    "@instructure/ui-icons": "11.7.6-snapshot-11",
+    "@instructure/ui-motion": "11.7.6-snapshot-11",
+    "@instructure/ui-react-utils": "11.7.6-snapshot-11",
+    "@instructure/ui-view": "11.7.6-snapshot-11",
+    "@instructure/ui-themes": "11.7.6-snapshot-11"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^4.1.9",
-    "@instructure/ui-axe-check": "11.7.5",
-    "@instructure/ui-babel-preset": "11.7.5",
-    "@instructure/ui-color-utils": "11.7.5",
-    "@instructure/ui-scripts": "11.7.5"
+    "@instructure/ui-babel-preset": "11.7.6-snapshot-11",
+    "@instructure/ui-axe-check": "11.7.6-snapshot-11",
+    "@instructure/ui-color-utils": "11.7.6-snapshot-11",
+    "@instructure/ui-scripts": "11.7.6-snapshot-11"
   },
   "peerDependencies": {
     "react": ">=18 <=19",

package/src/Alert/v2/README.md

@@ -231,7 +231,7 @@ type: embed
     <Figure.Item>Use the Error alert to notify user of an error</Figure.Item>
     <Figure.Item>Use the Warning alert to notify user of a warning</Figure.Item>
     <Figure.Item>Use the Success alert to notify user of a success event or action</Figure.Item>
-    <Figure.Item>Use the `variantScreenReaderLabel` prop to indicate the alert variant to screen reader users</Figure.Item>
+    <Figure.Item>Use the <code>variantScreenReaderLabel</code> prop to indicate the alert variant to screen reader users</Figure.Item>
   </Figure>
   <Figure recommendation="no" title="Don't">
     <Figure.Item>Have alert messaging that is more than two lines long</Figure.Item>
@@ -250,6 +250,7 @@ type: embed
     <Figure.Item>aria-live="polite" alerts will only be announced if the user is not currently doing anything. Polite should be used in most situations involving live regions that present new info to users</Figure.Item>
     <Figure.Item>aria-live="assertive" alerts will be announced to the user as soon as possible, but not necessarily immediately. Assertive should be used if there is information that a user must know about right away, for example, a warning message in a form that does validation on the fly</Figure.Item>
     <Figure.Item>The aria-atomic=BOOLEAN is used to set whether or not the screen reader should always present the live region as a whole, even if only part of the region changes. The possible settings are: false or true. The default setting is false.</Figure.Item>
+    <Figure.Item>Do not set the <code>role</code> prop on the <code>liveRegion</code> because <code>liveRegionPoliteness</code> and <code>isLiveRegionAtomic</code> override the set values.</Figure.Item>
   </Figure>
 </Guidelines>
 ```

package/src/Alert/v2/index.tsx

@@ -153,11 +153,6 @@ class Alert extends Component<AlertProps, AlertState> {
   }
 
   initLiveRegion(liveRegion: Element) {
-    error(
-      liveRegion.getAttribute('role') === 'alert',
-      `[Alert] live region must have role='alert' set on page load in order to announce content`
-    )
-
     if (liveRegion) {
       liveRegion.setAttribute('aria-live', this.props.liveRegionPoliteness!)
       // indicates what notifications the user agent will trigger when the