fix(Datepicker): change role on calendar container to 'application' (#…

…11570) (#11838) Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: D.A. Kahn <[email protected]> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Jul 26, 2022 · 6abdbf3 · 6abdbf3
1 parent 5d99117
commit 6abdbf3
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/packages/react/src/components/DatePicker/DatePicker.js b/packages/react/src/components/DatePicker/DatePicker.js
@@ -467,14 +467,12 @@ export default class DatePicker extends Component {
     }
   };
 
-  /**
-   * Flatpickr's calendar dialog is not rendered in a landmark causing an
-   * error with IBM Equal Access Accessibility Checker so we add an aria
-   * role to the container div.
-   */
+  // Flatpickr's calendar dialog is not rendered in a landmark causing an
+  // error with IBM Equal Access Accessibility Checker so we add an aria
+  // role to the container div.
   addRoleAttributeToDialog = () => {
     if (this.inputField) {
-      this.cal.calendarContainer.setAttribute('role', 'region');
+      this.cal.calendarContainer.setAttribute('role', 'application');
       // IBM EAAC requires an aria-label on a role='region'
       this.cal.calendarContainer.setAttribute(
         'aria-label',