mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-06-30 18:15:11 +00:00
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:
parent
2c4764f89e
commit
31c2cb2162
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user