[ACS-9235] a11y testing: Breadcrumbs / Back Arrow / Buttons must have discernible text (#4384)

* [ACS-9235] a11y testing: Breadcrumbs / Back Arrow / Buttons must have discernible text

* [ACS-9235] a11y testing: Breadcrumbs / Back Arrow / Buttons must have discernible text
This commit is contained in:
Mykyta Maliarchuk
2025-02-07 13:36:32 +01:00
committed by GitHub
parent 0446ef6090
commit 6a5e894998
4 changed files with 9 additions and 4 deletions

View File

@@ -1,7 +1,8 @@
{
"ACA_FOLDER_RULES": {
"ACTIONS": {
"MANAGE_RULES": "Manage Rules"
"MANAGE_RULES": "Manage Rules",
"GO_BACK": "Go back"
},
"EDIT_RULE_DIALOG": {
"CANCEL": "Cancel",
@@ -123,6 +124,7 @@
"LOAD_MORE_RULE_SETS": "Load rules from other folders",
"LOAD_MORE_RULES": "Load more rules",
"LOADING_RULES": "Loading rules",
"TOGGLE_RULE_STATE": "Toggle rule enabled state",
"INHERITED_RULES_WILL_BE_RUN_FIRST": "Inherited rules will be run first",
"ALL_LINKED_RULES_ARE_DISABLED": "All rules linked from this rule set are disabled"
},

View File

@@ -2,7 +2,7 @@
<div class="aca-page-layout-header">
<adf-toolbar class="adf-toolbar--inline">
<button mat-icon-button (click)="goBack()">
<button mat-icon-button (click)="goBack()" [attr.aria-label]="'ACA_FOLDER_RULES.ACTIONS.GO_BACK' | translate">
<mat-icon>arrow_back</mat-icon>
</button>
</adf-toolbar>
@@ -87,7 +87,8 @@
<div class="aca-manage-rules__container__rule-details__header__buttons">
<ng-container *ngIf="canEditSelectedRule; else goToFolderButton">
<button mat-stroked-button (click)="onRuleDeleteButtonClicked(selectedRule)" id="delete-rule-btn">
<button mat-stroked-button (click)="onRuleDeleteButtonClicked(selectedRule)" id="delete-rule-btn"
[attr.aria-label]="'ACA_FOLDER_RULES.CONFIRMATION_DIALOG.DELETE_RULE.TITLE' | translate">
<mat-icon>delete_outline</mat-icon>
</button>
<button mat-stroked-button (click)="openCreateUpdateRuleDialog(selectedRule)" id="edit-rule-btn">

View File

@@ -5,6 +5,7 @@
<mat-slide-toggle
*ngIf="showEnabledToggle"
[checked]="rule.isEnabled"
[aria-label]="'ACA_FOLDER_RULES.RULE_LIST.TOGGLE_RULE_STATE' | translate"
(click)="onToggleClick(!rule.isEnabled, $event)" />
</div>

View File

@@ -26,10 +26,11 @@ import { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation
import { Rule } from '../../model/rule.model';
import { CommonModule } from '@angular/common';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { TranslateModule } from '@ngx-translate/core';
@Component({
standalone: true,
imports: [CommonModule, MatSlideToggleModule],
imports: [CommonModule, MatSlideToggleModule, TranslateModule],
selector: 'aca-rule-list-item',
templateUrl: 'rule-list-item.ui-component.html',
styleUrls: ['rule-list-item.ui-component.scss'],