arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(deltagare-page, employee-page): added araia-live and captions for the list-tables on the pages to tailor for screen readers (TV-649)

Browse Source 
Squashed commit of the following:

commit 71a3a0dd93d81ac8cc1af18e33aa9ee29be7d339
Merge: 014ef7ff 28f94c7a
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Oct 7 10:50:50 2021 +0200

    Merge branch 'develop' into feature/TV-649

commit 014ef7ff000a96f58262ad502a491c6513997936
Merge: 3d6f7485 890573b1
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Oct 7 08:14:43 2021 +0200

    Merge branch 'develop' into feature/TV-649

commit 3d6f7485dd73992fb7ec97ccfdd564cc6198a4bf
Merge: a44b87d6 88e808b0
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Wed Oct 6 13:54:57 2021 +0200

    Merge branch 'develop' into feature/TV-649

commit a44b87d62b0798693266f43ad1328a31f8f40ad1
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Wed Oct 6 13:48:32 2021 +0200

    added aria-live to read count and caption for tables
This commit is contained in:
Aden Hassan
2021-10-07 10:53:22 +02:00
parent 28f94c7a29
commit 6d5473da43
2 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
View File

@@ -1,7 +1,13 @@
<div class="employees-list">
<msfa-loader *ngIf="employeesLoading" type="absolute"></msfa-loader>
<digi-table af-variation="secondary">
<span class="msfa__a11y-sr-only" aria-live="polite">
Totalt {{count}} träffar på personal med max 10 rader på varje sida
</span>
<table>
<caption class="msfa__a11y-sr-only">
Tabell med personal som tillhör organistaionen.
</caption>
<thead>
<tr>
<th scope="col" class="employees-list__column-head" *ngFor="let column of columnHeaders">

3
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-table/deltagare-list-table.component.html
View File

@@ -1,6 +1,9 @@
<div class="deltagare-list">
<msfa-loader *ngIf="deltagareLoading" type="absolute"></msfa-loader>
<digi-table af-variation="secondary">
<span class="msfa__a11y-sr-only" aria-live="polite">
Totalt {{count}} träffar på deltagare med max 10 rader på varje sida
</span>
<table class="deltagare-list__table">
<caption class="msfa__a11y-sr-only">
Tabell med de deltagare som tillhör organistaionen.