From fbe56015b5ced231e3912daa818f9725c00050e0 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Mon, 20 Jul 2026 03:02:14 +0400
Subject: [PATCH] fix(icons): icon-only button accessibility pass

Swept every icon-only button app-wide for an accessible name. Found
three relying on title-only (not reliably announced by screen
readers) or nothing at all: region-selector's detect-location button,
the carousel add-to-cart button, and the subcategories add-to-cart
button (had no label at all). All now have aria-label.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/app/components/items-carousel/items-carousel.component.html | 2 +-
 .../components/region-selector/region-selector.component.html   | 2 +-
 src/app/pages/category/subcategories.component.html             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/items-carousel/items-carousel.component.html b/src/app/components/items-carousel/items-carousel.component.html
index b3a33d7..a0e09b6 100644
--- a/src/app/components/items-carousel/items-carousel.component.html
+++ b/src/app/components/items-carousel/items-carousel.component.html
@@ -51,7 +51,7 @@
                                         <span class="current-price">{{ product.price }} {{ product.currency }}</span>
                                     }
                                 </div>
-                                <button class="cart-icon-btn" (click)="addToCart($event, product)" [title]="'carousel.addToCart' | translate">
+                                <button class="cart-icon-btn" (click)="addToCart($event, product)" [attr.aria-label]="'carousel.addToCart' | translate">
                                     <app-icon name="cart" [size]="16" />
                                 </button>
                             </div>
diff --git a/src/app/components/region-selector/region-selector.component.html b/src/app/components/region-selector/region-selector.component.html
index 8364eb3..da4b379 100644
--- a/src/app/components/region-selector/region-selector.component.html
+++ b/src/app/components/region-selector/region-selector.component.html
@@ -18,7 +18,7 @@
       <div class="dropdown-header">
         <span>{{ 'location.chooseRegion' | translate }}</span>
         @if (!detecting()) {
-          <button class="detect-btn" (click)="detectLocation()" title="{{ 'location.detectAuto' | translate }}">
+          <button class="detect-btn" (click)="detectLocation()" [attr.aria-label]="'location.detectAuto' | translate">
             <app-icon name="locate" [size]="14" />
           </button>
         }
diff --git a/src/app/pages/category/subcategories.component.html b/src/app/pages/category/subcategories.component.html
index 35ad2c7..02a6126 100644
--- a/src/app/pages/category/subcategories.component.html
+++ b/src/app/pages/category/subcategories.component.html
@@ -78,7 +78,7 @@
                     <span class="current-price">{{ item.price }} {{ item.currency }}</span>
                   }
                 </div>
-                <button class="item-cart-btn" (click)="addToCart(item.itemID, $event)">
+                <button class="item-cart-btn" (click)="addToCart(item.itemID, $event)" [attr.aria-label]="'carousel.addToCart' | translate">
                   <app-icon name="cart" [size]="16" />
                 </button>
               </div>