Commits

Alexandre Vryghem authored and Tim Donohue committed 8b5cd79bdcf
Fixed accessibility issues on AccessControlFormContainerComponent

- Replaced invisible label in AccessControlArrayFormComponent that was only used for styling with span - Fixed radio buttons not being part of a fieldset - Fixed empty table header
No tags

src/app/shared/access-control-form-container/access-control-array-form/access-control-array-form.component.html

Modified
81 81 </button>
82 82 </div>
83 83 </div>
84 84 <small class="form-text text-muted">
85 85 {{'access-control-option-end-date-note' | translate}}
86 86 </small>
87 87 </div>
88 88 </div>
89 89
90 90 <div>
91 - <label>&nbsp;</label>
91 + <span aria-hidden="true" class="mb-2 d-inline-block">&nbsp;</span>
92 92 <div class="input-group">
93 93
94 94 <button type="button" class="btn btn-outline-danger"
95 95 [attr.aria-label]="'access-control-remove' | translate"
96 96 [disabled]="ngForm.disabled || form.accessControls.length === 1"
97 97 (click)="removeAccessControlItem(control.id)">
98 98 <i class="fas fa-trash"></i>
99 99 </button>
100 100 </div>
101 101 </div>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut