189 accessibility reachability per tab and screenreader (#191)

Xyna-Factory · Aug 28, 2024 · 3305f41 · 3305f41
1 parent 5259bfa
commit 3305f41
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "zeta",
     "title": "Zeta",
-    "version": "17.0.5",
+    "version": "17.0.6",
     "private": true,
     "engines": {
         "node": "^18.13.0 || ^20.9.0"

diff --git a/xc/xc-form/xc-form-autocomplete/xc-form-autocomplete.component.html b/xc/xc-form/xc-form-autocomplete/xc-form-autocomplete.component.html
@@ -59,8 +59,14 @@
 
     <mat-icon
         matSuffix
+        aria-label="{{suffixContent}}"
+        tabindex="0"
         *ngIf="suffixVisible && !readonly"
         (mousedown)="suffixMouseDown($event)"
         (click)="suffixClick($event)"
+        (keydown.space)="suffixClick($event)"
+        [attr.alt]="suffixContent"
+        xc-tooltip="{{iconTooltip || (suffixContent | xcI18n)}}"
+        xc-i18n
     >{{suffixContent}}</mat-icon>
 </mat-form-field>
diff --git a/xc/xc-form/xc-form-base/xc-form-baseinput.component.ts b/xc/xc-form/xc-form-base/xc-form-baseinput.component.ts
@@ -99,22 +99,20 @@ export class XcFormBaseInputComponent extends XcFormBaseComponent {
     }
 
 
-    suffixClick(event: MouseEvent) {
+    suffixClick(event: MouseEvent | KeyboardEvent) {
         event.stopPropagation();
         if (!this.disabled && !this.readonly) {
             this.suffixToggled = !this.suffixToggled;
 
             if (this.suffix === 'clear') {
                 this.formControl.setValue('');
+                this.formControl.markAsDirty();
             } else if (this.suffix === 'nullify') {
                 this.formControl.setValue(null);
+                this.formControl.markAsDirty();
             } else if (this.suffix === 'password') {
                 this.type = this.suffixToggled ? 'text' : 'password';
             }
-            if (this.suffix === 'clear' || this.suffix === 'nullify') {
-                this.formControl.markAsDirty();
-                this.suffixClickChangedValue(this.suffixUnfocusedInput);
-            }
         }
         this.suffixUnfocusedInput = false;
     }

diff --git a/xc/xc-form/xc-form-input/xc-form-input.component.html b/xc/xc-form/xc-form-input/xc-form-input.component.html
@@ -35,9 +35,12 @@
 
     <mat-icon
         matSuffix
+        aria-label="{{suffixContent}}"
+        tabindex="0"
         *ngIf="suffixVisible"
         (mousedown)="suffixMouseDown($event)"
         (click)="suffixClick($event)"
+        (keydown.space)="suffixClick($event)"
         [attr.alt]="suffixContent"
         xc-tooltip="{{iconTooltip || (suffixContent | xcI18n)}}"
         xc-i18n