AAE-35728 Add aria label to viewer loading bars (#10927)

* Adds loading state accessibility

Improves accessibility by adding screen reader support to loading indicators.

This ensures that users with disabilities are informed when the document is loading, improving the overall user experience.

* Trigger Build

* Fixes accessibility issue on loading spinner

Removes the redundant `attr.` prefix from the `aria-labelledby` attribute in the loading spinner.
This resolves an accessibility issue where the spinner's label was not correctly associated, enhancing the user experience for assistive technologies.

* Trigger Build
This commit is contained in:
Michaela 2025-06-11 17:20:51 +02:00 committed by GitHub
parent 2c4764f89e
commit 31c2cb2162
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -4,7 +4,7 @@
<div class="adf-viewer-render__loading-screen"> <div class="adf-viewer-render__loading-screen">
<h2 id="loading-spinner-label">{{ 'ADF_VIEWER.LOADING' | translate }}</h2> <h2 id="loading-spinner-label">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>
<div> <div>
<mat-spinner attr.aria-labelledby="loading-spinner-label" <mat-spinner aria-labelledby="loading-spinner-label"
class="adf-viewer-render__loading-screen__spinner" /> class="adf-viewer-render__loading-screen__spinner" />
</div> </div>
</div> </div>