Re-do no articles found messaging for accessibility (#61482)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: steves <54561+steves@users.noreply.github.com>

Author: steves

src/fixtures/tests/playwright-rendering.spec.ts

@@ -1399,6 +1399,9 @@ test.describe('LandingArticleGridWithFilter component', () => {
     // Should show "no articles found" message as well
     const noResultsMessage = page.getByTestId('no-articles-message')
     await expect(noResultsMessage).toBeVisible()
+    await expect(page.locator('[aria-live="polite"][aria-atomic="true"]')).toHaveText(
+      'No articles found matching your criteria.',
+    )
   })
 
   test('responsive behavior on different screen sizes', async ({ page }) => {

src/landings/components/shared/LandingArticleGridWithFilter.tsx

@@ -294,14 +294,14 @@ export const ArticleGrid = ({
           />
         ))}
         {filteredResults.length === 0 && (
-          <div
-            role="status"
-            className={styles.noArticlesContainer}
-            data-testid="no-articles-message"
-          >
+          <div className={styles.noArticlesContainer} data-testid="no-articles-message">
             <p className={styles.noArticlesText}>{t('article_grid.no_articles_found')}</p>
           </div>
         )}
+
+        <div aria-live="polite" aria-atomic="true" className="visually-hidden">
+          {filteredResults.length === 0 ? t('article_grid.no_articles_found') : ''}
+        </div>
       </div>
 
       {/* Pagination */}