Description:
config-error-page.tsx wraps its message in role="alert" aria-live="assertive" so screen reader users are immediately informed of the configuration error. The dashboard's other three error-shaped routes — error.tsx, global-error.tsx, and not-found.tsx — render structurally similar 'something went wrong' cards with no such role/aria-live, so those errors are not proactively announced to assistive technology.
Acceptance Criteria:
Relevant Files:
dashboard/src/app/error.tsx — no role=alert/aria-live on the error card
dashboard/src/app/global-error.tsx — no role=alert/aria-live on the error card
dashboard/src/app/not-found.tsx — no role/aria-live on the 404 card
dashboard/src/components/config-error-page.tsx — the existing pattern to match: role=alert aria-live=assertive
Description:
config-error-page.tsx wraps its message in
role="alert" aria-live="assertive"so screen reader users are immediately informed of the configuration error. The dashboard's other three error-shaped routes — error.tsx, global-error.tsx, and not-found.tsx — render structurally similar 'something went wrong' cards with no such role/aria-live, so those errors are not proactively announced to assistive technology.Acceptance Criteria:
Relevant Files:
dashboard/src/app/error.tsx— no role=alert/aria-live on the error carddashboard/src/app/global-error.tsx— no role=alert/aria-live on the error carddashboard/src/app/not-found.tsx— no role/aria-live on the 404 carddashboard/src/components/config-error-page.tsx— the existing pattern to match: role=alert aria-live=assertive