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
This commit is contained in:
Alexandre Vryghem
2023-12-16 04:44:22 +01:00
parent c30a2eea45
commit 07e89acab5
5 changed files with 20 additions and 16 deletions

View File

@@ -23,10 +23,10 @@
</ui-switch>
</div>
<div class="row mt-3">
<div class="col-12 col-md-3">
<fieldset class="row mt-3">
<legend class="h4 col-12 col-md-3">
{{ 'access-control-mode' | translate }}
</div>
</legend>
<div class="col-12 col-md-8">
<div class="form-check">
<input class="form-check-input" type="radio"
@@ -47,7 +47,7 @@
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div>
@@ -78,10 +78,10 @@
</div>
<div *ngIf="showLimitToSpecificBitstreams" class="row mt-3">
<div class="col-12">
{{'access-control-limit-to-specific' | translate}}
</div>
<div class="col-12">
<fieldset class="col-12">
<legend class="h4">
{{'access-control-limit-to-specific' | translate}}
</legend>
<div class="form-check">
<input class="form-check-input" type="radio"
name="changesLimit" id="processAll" value="all"
@@ -111,14 +111,14 @@
</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-3">
<fieldset class="row mt-3">
<legend class="h4 col-12 col-md-3">
{{'access-control-mode' | translate}}
</div>
</legend>
<div class="col-12 col-md-8">
<div class="form-check">
<input class="form-check-input" type="radio"
@@ -139,7 +139,7 @@
</label>
</div>
</div>
</div>
</fieldset>
<div>
<h3 class="h4 mt-3">{{'access-control-access-conditions' | translate}}</h3>