Fix Create a new process page accessibility issues

- Added missing aria-label to delete buttons
- Moved hardcoded translation to translation files
- Fix color contrast issues on buttons
- Fix minor alignment issues
- Added missing aria labels to input and select elements

(cherry picked from commit 52c0977489)
This commit is contained in:
Alexandre Vryghem
2023-11-28 00:20:35 +01:00
committed by github-actions[bot]
parent bc1ed9a96f
commit 9ed13f31ff
11 changed files with 44 additions and 16 deletions

View File

@@ -1,6 +1,6 @@
<input required #string="ngModel" type="text" name="string-value-{{index}}" class="form-control" id="string-value-{{index}}" [ngModel]="value" (ngModelChange)="setValue($event)"/>
<input [attr.aria-label]="'process.new.parameter.label' | translate" required #string="ngModel" type="text" name="string-value-{{index}}" class="form-control" id="string-value-{{index}}" [ngModel]="value" (ngModelChange)="setValue($event)"/>
<div *ngIf="string.invalid && (string.dirty || string.touched)"
class="alert alert-danger validation-error">
class="alert alert-danger validation-error mb-0">
<div *ngIf="string.errors.required">
{{'process.new.parameter.string.required' | translate}}
</div>

View File

@@ -0,0 +1,5 @@
:host {
display: flex;
flex-direction: column;
gap: calc(var(--bs-spacer) / 2);
}