fix(pn-13701): Added aria-label to loading dialog (#1483)

pagopa · Feb 25, 2025 · c6b5afb · c6b5afb
1 parent b12c4f9
commit c6b5afb
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/packages/pn-commons/src/components/Loading/LoadingOverlay.tsx b/packages/pn-commons/src/components/Loading/LoadingOverlay.tsx
@@ -4,6 +4,7 @@ import { CircularProgress, Modal } from '@mui/material';
 import { Box } from '@mui/system';
 
 import { appStateSelectors } from '../../redux';
+import { getLocalizedOrDefaultLabel } from '../../utility/localization.utility';
 
 export function LoadingOverlay() {
   const loading = useSelector(appStateSelectors.selectLoading);
@@ -19,7 +20,12 @@ export function LoadingOverlay() {
           outline: 0,
         }}
       >
-        <CircularProgress id="spinner-loading" role="loadingSpinner" sx={{ color: 'white' }} />
+        <CircularProgress
+          id="spinner-loading"
+          role="loadingSpinner"
+          aria-label={getLocalizedOrDefaultLabel('common', 'loading')}
+          sx={{ color: 'white' }}
+        />
       </Box>
     </Modal>
   );

diff --git a/packages/pn-pa-webapp/public/locales/it/common.json b/packages/pn-pa-webapp/public/locales/it/common.json
@@ -147,6 +147,7 @@
   "too-short-field-error": "Scrivi minimo {{minLength}} caratteri",
   "no-spaces-at-edges": "Elimina gli spazi all'inizio o alla fine",
   "invalid": "non valido",
+  "loading": "Caricamento in corso",
   "upload-file": {
     "or": "oppure",
     "select-file": "carica il file",

diff --git a/packages/pn-personafisica-webapp/public/locales/it/common.json b/packages/pn-personafisica-webapp/public/locales/it/common.json
@@ -141,6 +141,7 @@
   "required-fields": "*Campi obbligatori",
   "required-field": "Campo obbligatorio",
   "too-long-field-error": "Scrivi massimo {{maxLength}} caratteri",
+  "loading": "Caricamento in corso",
   "validation": {
     "search-pattern-length-limit": "ricerca max {{maxLength}} caratteri",
     "invalid-characters-not-inserted": "I caratteri non validi non sono stati inseriti."

diff --git a/packages/pn-personagiuridica-webapp/public/locales/it/common.json b/packages/pn-personagiuridica-webapp/public/locales/it/common.json
@@ -95,6 +95,7 @@
   "access-denied": "Non hai le autorizzazioni necessarie per accedere a questa pagina",
   "not-logged": "Accedi a SEND",
   "not-logged-subtitle": "Per vedere e gestire le tue notifiche, accedi con SPID o CIE.",
+  "loading": "Caricamento in corso",
   "not-found": {
     "title": "404: La pagina che stai cercando non esiste",
     "descpription": "Sei qui per errore, prova ad usare la navigazione."