From c8005e0cfcf47cf0f2e380ded4c5c10bf6243f60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9?=
 <donnalee11681676@gmail.com>
Date: Wed, 13 May 2026 00:35:05 +0300
Subject: [PATCH] =?UTF-8?q?fix(a11y):=20Q.DEFER.004=20sub-B=20=E2=80=94=20?=
 =?UTF-8?q?AdminSupplierPricesView=209=20inputs=20aria-label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

3 supplier rows × 3 form controls (cost_rub v-text-field +
quality_score v-text-field + is_active v-switch) = 9 nodes без label —
axe-core критичная label violation.

Fix: :aria-label='${field} для ${supplier.name}' (e.g. 'Cost (₽) для B1 — Сайты и Звонки').

Test coverage: AdminSupplierPricesView.spec.ts 4-й spec проверяет все 9 ожидаемых
aria-label через DOM query.
---
 .../views/admin/AdminSupplierPricesView.vue   | 10 ++++++++-
 .../Frontend/AdminSupplierPricesView.spec.ts  | 21 +++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/app/resources/js/views/admin/AdminSupplierPricesView.vue b/app/resources/js/views/admin/AdminSupplierPricesView.vue
index 27cc5b86..493b22d5 100644
--- a/app/resources/js/views/admin/AdminSupplierPricesView.vue
+++ b/app/resources/js/views/admin/AdminSupplierPricesView.vue
@@ -12,6 +12,7 @@
                         density="compact"
                         hide-details
                         variant="plain"
+                        :aria-label="`Cost (₽) для ${item.name}`"
                     />
                 </template>
                 <template #[`item.quality_score`]="{ item }">
@@ -24,10 +25,17 @@
                         density="compact"
                         hide-details
                         variant="plain"
+                        :aria-label="`Quality для ${item.name}`"
                     />
                 </template>
                 <template #[`item.is_active`]="{ item }">
-                    <v-switch v-model="item.is_active" hide-details inset density="compact" />
+                    <v-switch
+                        v-model="item.is_active"
+                        hide-details
+                        inset
+                        density="compact"
+                        :aria-label="`Active для ${item.name}`"
+                    />
                 </template>
                 <template #[`item.actions`]="{ item }">
                     <v-btn size="small" color="primary" :loading="!!saving[item.id]" @click="save(item)">
diff --git a/app/tests/Frontend/AdminSupplierPricesView.spec.ts b/app/tests/Frontend/AdminSupplierPricesView.spec.ts
index bf06af90..8d668fac 100644
--- a/app/tests/Frontend/AdminSupplierPricesView.spec.ts
+++ b/app/tests/Frontend/AdminSupplierPricesView.spec.ts
@@ -58,4 +58,25 @@ describe('AdminSupplierPricesView', () => {
         const inputs = wrapper.findAll('input[type="number"]');
         expect(inputs.length).toBeGreaterThanOrEqual(6);
     });
+
+    it('each input/switch has explicit aria-label combining supplier name + field role', async () => {
+        const wrapper = mount(AdminSupplierPricesView, { global: { plugins: [vuetify] } });
+        await new Promise((r) => setTimeout(r, 50));
+        // 3 suppliers × 3 fields = 9 controls
+        const expectedLabels = [
+            'Cost (₽) для B1 — Сайты и Звонки',
+            'Quality для B1 — Сайты и Звонки',
+            'Active для B1 — Сайты и Звонки',
+            'Cost (₽) для B2 — SMS',
+            'Quality для B2 — SMS',
+            'Active для B2 — SMS',
+            'Cost (₽) для B3 — SMS',
+            'Quality для B3 — SMS',
+            'Active для B3 — SMS',
+        ];
+        for (const label of expectedLabels) {
+            const node = wrapper.find(`[aria-label="${label}"]`);
+            expect(node.exists(), `aria-label="${label}" not found`).toBe(true);
+        }
+    });
 });