Skip to content

MudTable: Add accessible name to loading progress bar#12618

Merged
danielchalmers merged 2 commits intodevfrom
copilot/fix-progressbar-aria-name
Feb 6, 2026
Merged

MudTable: Add accessible name to loading progress bar#12618
danielchalmers merged 2 commits intodevfrom
copilot/fix-progressbar-aria-name

Conversation

Copy link
Contributor

Copilot AI commented Feb 6, 2026 •
edited
Loading

MudTable’s loading progressbar renders without an accessible name, triggering WCAG 2.1 AA violations in Axe/BrowserStack. This update adds a localized label so the progressbar is announced correctly.

  • Accessibility label

    • Attach a localized aria-label to the loading progress indicator in MudTable.

  • Localization

    • Add a MudTable_Loading string resource for reuse across locales.

  • Coverage

    • Add a unit test asserting the loading progress bar exposes an accessible name.
<MudProgressLinear
    Class="mud-table-loading-progress"
    Indeterminate="true"
    aria-label="@Localizer[LanguageResource.MudTable_Loading]" />
Original prompt

This section details on the original issue you should resolve

<issue_title>MudTable: ARIA progressbar nodes must have an accessible name</issue_title>
<issue_description>### Before reporting

  • I searched existing issues
  • I tried in private/incognito browser

What went wrong?

I’m getting an Axe Dev and Browser Stack WCAG 2.1 AA issue related to the ARIA name on the MudTable progress bar

Image Image

Reproduction link

https://try.mudblazor.com/snippet/hVVRb9owEH7Pn-jJ2gM81LzsjSRiZV1hKgwtaJo0TciJb-DVsSPbKWsR_31yEgJBhfIAlu--u_vO3x2r1YwJRQ171eZmVFqh1pC8WIc5naOjE-cK-tVqFTS2WcnvpHem9_9YXki09DNzjM40R2mDkVB_MXPgcWMpUDnYtMcgCGclX7JUIkwd5jYio3uJOSpn6ZI9Ye9jn8BEP6OJiDMlErgzyJ4KLZSLyPFMk5zAo2ZcqHVERitZH9u7hdFrg9aOtdQmItUPnao_msQBAEA4QcbRjLVyqFx9V9378jbx3ISD-nRuScRaXbLNWY6XbAtthRP6InamJTOQM2s7HuHgjULD73q7xLyQzOFZIA7-LR5ZijIic0PiUeaR_xydl3mKDS1-DeUZnuCOhK-iPPfTbG0rrqIOXSEwERyTnEkZkdVGcGwtx5jdFl6Ne-zmCb667IDDQaeTtc2LM66FmmyFyzYwSoXitz-YLPG8OugIbGFEzswLiT0bCNO4aEtOY9huUJ3K-Wf91HWS-HLCVttv50o2enuQfSdgMMo0R9hBxbUw4pk5hFRrCR0SwzfsTc6uaXqvyhyNb1DYTG0Mh_GFCBRu4VFY1xp7_WHQRNAOM4cc_Ggb3x1mX1QGS2af4JuaKuEEk-IV-Sd_3-tXsF37xCdZ2JaJ051CH9B9MTr3O6oCh50a4h7ZYsoKMSjQCM1F5jwB0q-57YP9TeNKM3vTWX9jLSVmvkWWPqBCI7Jh0PFYel35xDRBUxFgdUcDxXK0BcvwvX1ZcyzKVIoMMsmsPZA9a0HjYp3xBTwYXRawgzW6IVj_tT_3FMrB4Y2vezYx_dC-H7JeJGd-reMv342F0QUa9-ID9oj1Y036vy9k9QvmelauS_-HUQ_1Vc9p9fSi0WXmjFb2UqUNpBVkU85SJ9WhkWD3DfzHoCuNgg9k5yvfwy3sPM89qQVVi6qR1n8

Reproduction steps

  1. Go to Table
  2. Enable Loading="true"

Version (bug)

v8.13.0

Version (working)

No response

Environment

Chrome

Blazor rendering mode

No response</issue_description>

<agent_instructions>implement this in the simplest and most elegant way possible</agent_instructions>

Comments on the Issue (you are @copilot in this section)

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI changed the title [WIP] Fix ARIA progressbar nodes accessibility issue on MudTable Add accessible name to MudTable loading progress bar Feb 6, 2026
Copilot AI requested a review from danielchalmers February 6, 2026 19:14
@danielchalmers danielchalmers marked this pull request as ready for review February 6, 2026 19:16
@mudbot mudbot bot added accessibility Accessibility concerns (ARIA, keyboard, focus, screen readers, contrast) bug Unexpected behavior or functionality not working as intended localization Translations, locale formats, RTL layout, calendars labels Feb 6, 2026
@danielchalmers danielchalmers removed the localization Translations, locale formats, RTL layout, calendars label Feb 6, 2026
@danielchalmers danielchalmers changed the title Add accessible name to MudTable loading progress bar MudTable: Add accessible name to loading progress bar Feb 6, 2026
@danielchalmers danielchalmers merged commit 046956c into dev Feb 6, 2026
11 checks passed
ScarletKuro pushed a commit to ScarletKuro/MudBlazor that referenced this pull request Feb 7, 2026
@danielchalmers @ScarletKuro
MudTable: Add accessible name to loading progress bar (MudBlazor#12618)
59cf4cf 
Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: danielchalmers <[email protected]>
@ScarletKuro ScarletKuro deleted the copilot/fix-progressbar-aria-name branch February 7, 2026 13:27
This was referenced Feb 11, 2026
Closed
Merged
This was referenced Feb 20, 2026
Closed
Open
Closed
Open
Merged
Closed
Merged
Open
Closed
Open
This was referenced Feb 23, 2026
Closed
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Open
Closed
Merged
Closed
Open
Closed
Closed
Closed
Merged
Closed
Closed
Merged
Closed
Open
Open
Closed
Open
Open
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

1 more reviewer

@danielchalmers danielchalmers danielchalmers approved these changes

Reviewers whose approvals may not affect merge requirements

Assignees

@danielchalmers danielchalmers

Copilot code review Copilot

Labels

accessibility Accessibility concerns (ARIA, keyboard, focus, screen readers, contrast) bug Unexpected behavior or functionality not working as intended

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

MudTable: ARIA progressbar nodes must have an accessible name

2 participants

@danielchalmers