From 33e2583b4dd9deb7891ac0b161b122fc4d0c28ff Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Thu, 12 Feb 2026 19:34:17 +0100
Subject: [PATCH] fix(ui): migliora accessibilita icone servizio e contrasto
 del pulsante reset

- aggiunge attributi alt alle icone di servizio su Display e Controller
- migliora il contrasto colore del pulsante Reset per rispettare i controlli a11y
- include piccoli aggiustamenti collegati ai test E2E/accessibility
---
 src/components/ControllerPage.vue | 6 +++---
 src/components/DisplayPage.vue    | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ControllerPage.vue b/src/components/ControllerPage.vue
index 12cb6b2..6668490 100644
--- a/src/components/ControllerPage.vue
+++ b/src/components/ControllerPage.vue
@@ -12,13 +12,13 @@
         <div class="team-name">{{ state.sp.nomi.home }}</div>
         <div class="team-pts">{{ state.sp.punt.home }}</div>
         <div class="team-set">SET {{ state.sp.set.home }}</div>
-        <img v-show="state.sp.servHome" src="/serv.png" class="serv-icon" />
+        <img v-show="state.sp.servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
       </div>
       <div class="team-score guest-bg" @click="sendAction({ type: 'incPunt', team: 'guest' })">
         <div class="team-name">{{ state.sp.nomi.guest }}</div>
         <div class="team-pts">{{ state.sp.punt.guest }}</div>
         <div class="team-set">SET {{ state.sp.set.guest }}</div>
-        <img v-show="!state.sp.servHome" src="/serv.png" class="serv-icon" />
+        <img v-show="!state.sp.servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
       </div>
     </div>
 
@@ -713,7 +713,7 @@ export default {
 .btn-danger {
   background: rgba(198, 40, 40, 0.25);
   border: 1px solid rgba(239, 83, 80, 0.4);
-  color: #ef5350;
+  color: #ff8a80;
   padding: 14px 8px;
   font-size: 14px;
   font-weight: 600;
diff --git a/src/components/DisplayPage.vue b/src/components/DisplayPage.vue
index fdc6011..e1ab84b 100644
--- a/src/components/DisplayPage.vue
+++ b/src/components/DisplayPage.vue
@@ -7,7 +7,7 @@
           <span :style="{ 'float': 'left' }">
             {{ state.sp.nomi.home }}
             <span class="serv-slot">
-              <img v-show="state.sp.servHome" src="/serv.png" width="25" />
+              <img v-show="state.sp.servHome" src="/serv.png" width="25" alt="Servizio" />
             </span>
             <span v-if="state.visuForm" class="score-inline">{{ state.sp.punt.home }}</span>
           </span>
@@ -18,7 +18,7 @@
           <span :style="{ 'float': 'right' }">
             <span v-if="state.visuForm" class="score-inline">{{ state.sp.punt.guest }}</span>
             <span class="serv-slot">
-              <img v-show="!state.sp.servHome" src="/serv.png" width="25" />
+              <img v-show="!state.sp.servHome" src="/serv.png" width="25" alt="Servizio" />
             </span>
             {{ state.sp.nomi.guest }}
           </span>
@@ -51,7 +51,7 @@
           <span :style="{ 'float': 'left' }">
             {{ state.sp.nomi.guest }}
             <span class="serv-slot">
-              <img v-show="!state.sp.servHome" src="/serv.png" width="25" />
+              <img v-show="!state.sp.servHome" src="/serv.png" width="25" alt="Servizio" />
             </span>
             <span v-if="state.visuForm" class="score-inline">{{ state.sp.punt.guest }}</span>
           </span>
@@ -62,7 +62,7 @@
           <span :style="{ 'float': 'right' }">
             <span v-if="state.visuForm" class="score-inline">{{ state.sp.punt.home }}</span>
             <span class="serv-slot">
-              <img v-show="state.sp.servHome" src="/serv.png" width="25" />
+              <img v-show="state.sp.servHome" src="/serv.png" width="25" alt="Servizio" />
             </span>
             {{ state.sp.nomi.home }}
           </span>