[REFIX] DataGrid - NVDA reads all status messages on page load when multiple components are rendered (T1288423) (DevExpress#29960)

Author: tongsonbarbs

packages/devextreme/js/__internal/grids/grid_core/views/m_grid_view.ts

@@ -195,26 +195,26 @@ export class ResizingController extends modules.ViewController {
     let widgetStatusText = '';
     let labelParts: string[] = [];
 
-    if (!e?.isFirstRender) {
-      const columnCount = this._columnsController?._columns?.filter(({ visible }) => !!visible).length ?? 0;
-      const totalItemsCount = Math.max(0, this._dataController.totalItemsCount());
-      const widgetAriaLabel = this._getWidgetAriaLabel();
-      widgetStatusText = messageLocalization
+    const columnCount = this._columnsController?._columns?.filter(({ visible }) => !!visible).length ?? 0;
+    const totalItemsCount = Math.max(0, this._dataController.totalItemsCount());
+    const widgetAriaLabel = this._getWidgetAriaLabel();
+    widgetStatusText = messageLocalization
       // @ts-expect-error Badly typed format method
-        .format(widgetAriaLabel, totalItemsCount, columnCount);
+      .format(widgetAriaLabel, totalItemsCount, columnCount);
 
-      // @ts-expect-error Treelist Variable
-      const expandableWidgetAriaLabel = messageLocalization.format(this._expandableWidgetAriaId);
-      labelParts = [widgetStatusText];
-      if (expandableWidgetAriaLabel) {
-        labelParts.push(expandableWidgetAriaLabel);
-      }
+    // @ts-expect-error Treelist Variable
+    const expandableWidgetAriaLabel = messageLocalization.format(this._expandableWidgetAriaId);
+    labelParts = [widgetStatusText];
+    if (expandableWidgetAriaLabel) {
+      labelParts.push(expandableWidgetAriaLabel);
     }
 
     const $ariaLabelElement = this.component.$element().children(`.${GRIDBASE_CONTAINER_CLASS}`);
 
     this.component.setAria('label', labelParts.join('. '), $ariaLabelElement);
-    this._gridView.setWidgetA11yStatusText(widgetStatusText);
+    if (!e?.isFirstRender) {
+      this._gridView.setWidgetA11yStatusText(widgetStatusText);
+    }
   }
 
   private _getBestFitWidths() {

packages/devextreme/testing/tests/DevExpress.ui.widgets.dataGrid/dataGrid.tests.js

@@ -175,7 +175,7 @@ QUnit.module('Initialization', baseModuleConfig, () => {
 
         assert.equal(dataGridWrapper.getElement().find('.dx-datagrid').attr('role'), 'group', 'group role');
         // T1288423
-        assert.equal(dataGridWrapper.getElement().find('.dx-datagrid').attr('aria-label'), '', 'aria-label of the datagrid container');
+        assert.equal(dataGridWrapper.getElement().find('.dx-datagrid').attr('aria-label'), 'Data grid with 2 rows and 4 columns', 'aria-label of the datagrid container');
         assert.equal(headersWrapper.getElement().attr('role'), 'presentation', 'Headers role');
         assert.equal(headersWrapper.getColumnsIndicators().attr('role'), 'presentation', 'Headers columns indicators role');
         assert.equal($('.dx-datagrid-scroll-container').attr('role'), 'presentation', 'Scroll container role');