|
12 | 12 | <div class="align-middle my-auto">
|
13 | 13 | @if ((dataSource.loading$ | async) !== true) {
|
14 | 14 | <button (click)="getNextPage(node)"
|
15 |
| - class="btn btn-outline-primary btn-sm" role="button"> |
| 15 | + class="btn btn-outline-primary btn-sm" role="button" tabindex="0"> |
16 | 16 | <i class="fas fa-angle-down"></i> {{ 'communityList.showMore' | translate }}
|
17 | 17 | </button>
|
18 | 18 | }
|
|
34 | 34 | <button type="button" class="btn btn-default btn-transparent" cdkTreeNodeToggle
|
35 | 35 | [attr.aria-label]="(node.isExpanded ? 'communityList.collapse' : 'communityList.expand') | translate:{ name: dsoNameService.getName(node.payload) }"
|
36 | 36 | (click)="toggleExpanded(node)"
|
37 |
| - data-test="expand-button"> |
| 37 | + (keyup.enter)="toggleExpanded(node)" |
| 38 | + (keyup.space)="toggleExpanded(node)" |
| 39 | + data-test="expand-button" |
| 40 | + role="button" |
| 41 | + tabindex="0"> |
38 | 42 | <span class="{{node.isExpanded ? 'fa fa-chevron-down' : 'fa fa-chevron-right'}}"
|
39 | 43 | aria-hidden="true"></span>
|
40 | 44 | <span class="sr-only">{{ (node.isExpanded ? 'communityList.collapse' : 'communityList.expand') | translate:{ name: dsoNameService.getName(node.payload) } }}</span>
|
|
48 | 52 | }
|
49 | 53 | <div class="d-flex flex-row">
|
50 | 54 | <span class="d-flex align-middle my-auto">
|
51 |
| - <a [routerLink]="node.route" class="lead">{{ dsoNameService.getName(node.payload) }}</a> |
| 55 | + <a [routerLink]="node.route" class="lead" role="link" tabindex="0">{{ dsoNameService.getName(node.payload) }}</a> |
52 | 56 | <span class="pe-2"> </span>
|
53 | 57 | @if (node.payload.archivedItemsCount >= 0) {
|
54 | 58 | <span class="badge rounded-pill bg-secondary align-top archived-items-lead my-auto ps-2 pe-2">{{node.payload.archivedItemsCount}}</span>
|
|
88 | 92 | <span class="fa fa-chevron-right"></span>
|
89 | 93 | </span>
|
90 | 94 | <h6 class="align-middle my-auto">
|
91 |
| - <a [routerLink]="node.route" class="lead">{{ dsoNameService.getName(node.payload) }}</a> |
| 95 | + <a [routerLink]="node.route" class="lead" role="link" tabindex="0">{{ dsoNameService.getName(node.payload) }}</a> |
92 | 96 | </h6>
|
93 | 97 | </div>
|
94 | 98 | <ds-truncatable [id]="node.id">
|
|
0 commit comments