diff --git a/src/guide/best-practices/accessibility.md b/src/guide/best-practices/accessibility.md
index 7138543b..f5d45a41 100644
--- a/src/guide/best-practices/accessibility.md
+++ b/src/guide/best-practices/accessibility.md
@@ -1,26 +1,27 @@
-# Accessibility {#accessibility}
+# Accessibilità {#accessibilità}
 
-Web accessibility (also known as a11y) refers to the practice of creating websites that can be used by anyone — be that a person with a disability, a slow connection, outdated or broken hardware or simply someone in an unfavorable environment. For example, adding subtitles to a video would help both your deaf and hard-of-hearing users and your users who are in a loud environment and can't hear their phone. Similarly, making sure your text isn't too low contrast will help both your low-vision users and your users who are trying to use their phone in bright sunlight.
+L'accessibilità web (conosciuta anche come a11y) si riferisce alla pratica di creare siti web che possono essere utilizzati da chiunque: persone con disabilità, connessioni lente, hardware obsoleto o danneggiato o semplicemente persone in ambienti sfavorevoli. Ad esempio, aggiungere sottotitoli a un video aiuta sia gli utenti sordi che quelli con problemi di udito, sia gli utenti in ambienti rumorosi che non possono sentire il loro telefono. Allo stesso modo, assicurarsi che il testo non abbia un contrasto troppo basso aiuta sia gli utenti con bassa visione che gli utenti che cercano di utilizzare il loro telefono alla luce del sole.
 
-Ready to start but aren’t sure where?
+Pronto a iniziare ma non sei sicuro da dove cominciare?
 
-Checkout the [Planning and managing web accessibility guide](https://www.w3.org/WAI/planning-and-managing/) provided by [World Wide Web Consortium (W3C)](https://www.w3.org/)
+Consulta la [Guida alla pianificazione e gestione dell'accessibilità web](https://www.w3.org/WAI/planning-and-managing/) fornita dal [World Wide Web Consortium (W3C)](https://www.w3.org/)
 
 ## Skip link {#skip-link}
 
-You should add a link at the top of each page that goes directly to the main content area so users can skip content that is repeated on multiple Web pages.
+Dovresti aggiungere un link nella parte superiore di ogni pagina che vada direttamente all'area principale del contenuto in modo che gli utenti possano saltare il contenuto che si ripete su più pagine web.
 
-Typically this is done on the top of `App.vue` as it will be the first focusable element on all your pages:
+Di solito questo viene fatto nella parte superiore di `App.vue`, poiché sarà il primo elemento selezionabile su tutte le tue pagine:
 
 ```vue-html
 <ul class="skip-links">
   <li>
-    <a href="#main" ref="skipLink" class="skip-link">Skip to main content</a>
+    <a href="#main" ref="skipLink" class="skip-link">Vai al contenuto principale</a>
   </li>
 </ul>
+
 ```
 
-To hide the link unless it is focused, you can add the following style:
+Per nascondere il link a meno che non sia focalizzato, puoi aggiungere lo stile seguente:
 
 ```css
 .skip-link {
@@ -40,7 +41,7 @@ To hide the link unless it is focused, you can add the following style:
 }
 ```
 
-Once a user changes route, bring focus back to the skip link. This can be achieved by calling focus on the skip link's template ref (assuming usage of `vue-router`):
+Una volta che un utente cambia percorso, riporta il focus al link di salto. Puoi farlo chiamando il focus sul riferimento del template del link di salto (ipotizzando l'uso di 'vue-router'):
 
 <div class="options-api">
 
@@ -54,6 +55,7 @@ export default {
   }
 }
 </script>
+
 ```
 
 </div>
@@ -78,21 +80,21 @@ watch(
 
 </div>
 
-[Read documentation on skip link to main content](https://www.w3.org/WAI/WCAG21/Techniques/general/G1.html)
+[Leggi la documentazione sul link di salto al contenuto principale](https://www.w3.org/WAI/WCAG21/Techniques/general/G1.html)
 
-## Content Structure {#content-structure}
+## Struttura del contenuto {#content-structure}
 
-One of the most important pieces of accessibility is making sure that design can support accessible implementation. Design should consider not only color contrast, font selection, text sizing, and language, but also how the content is structured in the application.
+Uno dei fattori più importanti dell'accessibilità è assicurarsi che il design possa supportare un'implementazione accessibile. Il design dovrebbe considerare non solo il contrasto dei colori, la scelta del font, le dimensioni del testo e la lingua, ma anche come il contenuto è strutturato nell'applicazione.
 
 ### Headings {#headings}
 
-Users can navigate an application through headings. Having descriptive headings for every section of your application makes it easier for users to predict the content of each section. When it comes to headings, there are a couple of recommended accessibility practices:
+Gli utenti possono navigare in un'applicazione attraverso le intestazioni. Avere intestazioni descrittive per ogni sezione della tua applicazione rende più facile per gli utenti prevedere il contenuto di ogni sezione. Per quanto riguarda le intestazioni, ci sono un paio di pratiche consigliate per l'accessibilità:
 
-- Nest headings in their ranking order: `<h1>` - `<h6>`
-- Don’t skip headings within a section
-- Use actual heading tags instead of styling text to give the visual appearance of headings
+- Annida le intestazioni secondo il loro ordine gerarchico: `<h1>` - `<h6>`
+- Non saltare le intestazioni all'interno di una sezione
+- Usa tag di intestazione effettivi invece di stilizzare il testo per dare l'aspetto visivo delle intestazioni
 
-[Read more about headings](https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html)
+[Leggi di più sulle intestazioni](https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html)
 
 ```vue-html
 <main role="main" aria-labelledby="main-title">
@@ -112,32 +114,34 @@ Users can navigate an application through headings. Having descriptive headings
 </main>
 ```
 
-### Landmarks {#landmarks}
+### Punti di riferimento {#landmarks}
 
-[Landmarks](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role) provide programmatic access to sections within an application. Users who rely on assistive technology can navigate to each section of the application and skip over content. You can use [ARIA roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) to help you achieve this.
+I [Punti di riferimento](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role) forniscono accesso programmabile alle sezioni all'interno di un'applicazione. Gli utenti che si affidano a tecnologie assistive possono navigare in ogni sezione dell'applicazione e saltare il contenuto. Puoi utilizzare  [ARIA roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) to help you achieve this.
 
-| HTML            | ARIA Role            | Landmark Purpose                                                                                                 |
+| HTML            | ARIA Role            | Scopo del punto di riferimento                                                                                   |
 | --------------- | -------------------- | ---------------------------------------------------------------------------------------------------------------- |
-| header          | role="banner"        | Prime heading: title of the page                                                                                 |
-| nav             | role="navigation"    | Collection of links suitable for use when navigating the document or related documents                           |
-| main            | role="main"          | The main or central content of the document.                                                                     |
-| footer          | role="contentinfo"   | Information about the parent document: footnotes/copyrights/links to privacy statement                           |
-| aside           | role="complementary" | Supports the main content, yet is separated and meaningful on its own content                                    |
-| _Not available_ | role="search"        | This section contains the search functionality for the application                                               |
-| form            | role="form"          | Collection of form-associated elements                                                                           |
-| section         | role="region"        | Content that is relevant and that users will likely want to navigate to. Label must be provided for this element |
-
-:::tip Tip:
-It is recommended to use landmark HTML elements with redundant landmark role attributes in order to maximize compatibility with legacy [browsers that don’t support HTML5 semantic elements](https://caniuse.com/#feat=html5semantic).
+| header          | role="banner"        | Intestazione principale: titolo della pagina                                                                     |
+| nav             | role="navigation"    | Raccolta di link adatta all'uso durante la navigazione del documento o di documenti correlati                    |
+| main            | role="main"          | Il contenuto principale o centrale del documento                                                                 |
+| footer          | role="contentinfo"   | Informazioni sul documento principale: note a piè di pagina/diritto d'autore/collegamenti alla                   |
+|                                        | dichiarazione sulla privacy                                                                                      |
+| aside           | role="complementary" | Supporta il contenuto principale, ma è separato e significativo di per sé                                        |
+| _Not available_ | role="search"        | Questa sezione contiene la funzionalità di ricerca per l'applicazione                                            |
+| form            | role="form"          | Raccolta di elementi associati al modulo                                                                         |
+| section         | role="region"        | Contenuto rilevante e che gli utenti vorranno probabilmente navigare. Deve essere fornita                        |
+|                 |                      | un'etichetta per questo elemento                                                                                 |
+
+:::tip Suggerimento:
+È consigliabile utilizzare elementi HTML di landmark con attributi di ruolo di landmark ridondanti al fine di massimizzare la compatibilità con i [browser legacy che non supportano gli elementi semantici HTML5].(https://caniuse.com/#feat=html5semantic).
 :::
 
-[Read more about landmarks](https://www.w3.org/TR/wai-aria-1.2/#landmark_roles)
+[Leggi di più sui landmark](https://www.w3.org/TR/wai-aria-1.2/#landmark_roles)
 
-## Semantic Forms {#semantic-forms}
+## Moduli Semantici {#semantic-forms}
 
-When creating a form, you can use the following elements: `<form>`, `<label>`, `<input>`, `<textarea>`, and `<button>`
+Nella creazione di un modulo, è possibile utilizzare gli elementi seguenti:  `<form>`, `<label>`, `<input>`, `<textarea>`, e `<button>`
 
-Labels are typically placed on top or to the left of the form fields:
+Di solito, le etichette vengono posizionate sopra o a sinistra dei campi del modulo:
 
 ```vue-html
 <form action="/dataCollectionLocation" method="post" autocomplete="on">
@@ -156,11 +160,11 @@ Labels are typically placed on top or to the left of the form fields:
 
 <!-- <common-codepen-snippet title="Simple Form" slug="dyNzzWZ" :height="368" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
 
-Notice how you can include `autocomplete='on'` on the form element and it will apply to all inputs in your form. You can also set different [values for autocomplete attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for each input.
+Nota come è possibile includere `autocomplete='on'` sull'elemento del modulo e si applicherà a tutti gli input nel tuo modulo. Puoi anche impostare valori diversi per l'attributo di [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) per ogni input.
 
-### Labels {#labels}
+### Label {#labels}
 
-Provide labels to describe the purpose of all form control; linking `for` and `id`:
+Fornire etichette per descrivere lo scopo di tutti i controlli del modulo; collegare `for` e `id`:
 
 ```vue-html
 <label for="name">Name</label>
@@ -169,12 +173,12 @@ Provide labels to describe the purpose of all form control; linking `for` and `i
 
 <!-- <common-codepen-snippet title="Form Label" slug="XWpaaaj" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
 
-If you inspect this element in your chrome developer tools and open the Accessibility tab inside the Elements tab, you will see how the input gets its name from the label:
+Se ispezioni questo elemento nei Chrome Developer Tools e apri la scheda Accessibilità all'interno della scheda Elementi, vedrai come l'input ottiene il suo nome dall'etichetta:
 
 ![Chrome Developer Tools showing input accessible name from label](./images/AccessibleLabelChromeDevTools.png)
 
 :::warning Warning:
-Though you might have seen labels wrapping the input fields like this:
+Anche se hai visto etichette che uniscono i campi di input in questo modo:
 
 ```vue-html
 <label>
@@ -183,12 +187,12 @@ Though you might have seen labels wrapping the input fields like this:
 </label>
 ```
 
-Explicitly setting the labels with a matching id is better supported by assistive technology.
+Impostare esplicitamente le etichette con un id corrispondente è meglio supportato dalla tecnologia assistiva.
 :::
 
 #### `aria-label` {#aria-label}
 
-You can also give the input an accessible name with [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).
+È possibile dare all'input un nome accessibile con [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).
 
 ```vue-html
 <label for="name">Name</label>
@@ -203,13 +207,13 @@ You can also give the input an accessible name with [`aria-label`](https://devel
 
 <!-- <common-codepen-snippet title="Form ARIA label" slug="NWdvvYQ" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
 
-Feel free to inspect this element in Chrome DevTools to see how the accessible name has changed:
+Sentiti libero di ispezionare questo elemento in Chrome DevTools per vedere come il nome accessibile è cambiato:
 
 ![Chrome Developer Tools showing input accessible name from aria-label](./images/AccessibleARIAlabelDevTools.png)
 
 #### `aria-labelledby` {#aria-labelledby}
 
-Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) is similar to `aria-label` except it is used if the label text is visible on screen. It is paired to other elements by their `id` and you can link multiple `id`s:
+L'utilizzo di [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) è simile a `aria-label` ranne che viene utilizzato se il testo dell'etichetta è visibile sullo schermo. È abbinato ad altri elementi dai loro `id` e puoi collegare più `id`:
 
 ```vue-html
 <form
@@ -239,7 +243,7 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 
 #### `aria-describedby` {#aria-describedby}
 
-[aria-describedby](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used the same way as `aria-labelledby` except provides a description with additional information that the user might need. This can be used to describe the criteria for any input:
+[aria-describedby](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) è utilizzato allo stesso modo di  `aria-labelledby` tranne che fornisce una descrizione con informazioni aggiuntive che l'utente potrebbe aver bisogno. Questo può essere utilizzato per descrivere i criteri per qualsiasi input:
 
 ```vue-html
 <form
@@ -267,15 +271,15 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 
 <!-- <common-codepen-snippet title="Form ARIA describedby" slug="gOgxxQE" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
 
-You can see the description by inspecting Chrome DevTools:
+Puoi vedere la descrizione ispezionando Chrome DevTools:
 
 ![Chrome Developer Tools showing input accessible name from aria-labelledby and description with aria-describedby](./images/AccessibleARIAdescribedby.png)
 
 ### Placeholder {#placeholder}
 
-Avoid using placeholders as they can confuse many users.
+Evita di utilizzare i placeholder poiché possono confondere molti utenti.
 
-One of the issues with placeholders is that they don't meet the [color contrast criteria](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html) by default; fixing the color contrast makes the placeholder look like pre-populated data in the input fields. Looking at the following example, you can see that the Last Name placeholder which meets the color contrast criteria looks like pre-populated data:
+Uno dei problemi con i placeholder è che di default non soddisfano i [criteri di contrasto dei colori](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html); correggendo il contrasto dei colori, il segnaposto sembra essere dati preimpostati nei campi di input. Guardando l'esempio seguente, puoi vedere che il segnaposto "Cognome" che soddisfa i criteri di contrasto dei colori sembra essere dati preimpostati:
 
 ![Accessible placeholder](./images/AccessiblePlaceholder.png)
 
@@ -320,12 +324,12 @@ One of the issues with placeholders is that they don't meet the [color contrast
 }
 ```
 
-It is best to provide all the information the user needs to fill out forms outside any inputs.
+È meglio fornire tutte le informazioni necessarie per riempire i moduli al di fuori di eventuali input.
 
-### Instructions {#instructions}
+### Istruzioni {#instructions}
 
-When adding instructions for your input fields, make sure to link it correctly to the input.
-You can provide additional instructions and bind multiple ids inside an [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby). This allows for more flexible design.
+Quando si aggiungono istruzioni per i campi di input, assicurarsi di collegarle correttamente all'input.
+È possibile fornire istruzioni aggiuntive e collegare più id all'interno di un [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby). Questo consente un design più flessibile.
 
 ```vue-html
 <fieldset>
@@ -341,7 +345,7 @@ You can provide additional instructions and bind multiple ids inside an [`aria-l
 </fieldset>
 ```
 
-Alternatively, you can attach the instructions to the input with [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby):
+In alternativa, è possibile allegare le istruzioni all'input con [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby):
 
 ```vue-html
 <fieldset>
@@ -354,11 +358,11 @@ Alternatively, you can attach the instructions to the input with [`aria-describe
 
 <!-- <common-codepen-snippet title="Form Instructions" slug="WNREEqv" :height="265" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
 
-### Hiding Content {#hiding-content}
+### Contenuti nascosti {#hiding-content}
 
-Usually it is not recommended to visually hide labels, even if the input has an accessible name. However, if the functionality of the input can be understood with surrounding content, then we can hide the visual label.
+Di solito non è consigliabile nascondere visualmente le etichette, anche se l'input ha un nome accessibile. Tuttavia, se la funzionalità dell'input può essere compresa con il contenuto circostante, è possibile nascondere l'etichetta visiva.
 
-Let's look at this search field:
+Guardiamo questo campo di ricerca:
 
 ```vue-html
 <form role="search">
@@ -368,9 +372,9 @@ Let's look at this search field:
 </form>
 ```
 
-We can do this because the search button will help visual users identify the purpose of the input field.
+Possiamo farlo perché il pulsante di ricerca aiuterà gli utenti  a identificare lo scopo del campo di input.
 
-We can use CSS to visually hide elements but keep them available for assistive technology:
+Possiamo utilizzare CSS per nascondere visualmente gli elementi ma mantenerli disponibili per la tecnologia assistiva:
 
 ```css
 .hidden-visually {
@@ -390,17 +394,17 @@ We can use CSS to visually hide elements but keep them available for assistive t
 
 #### `aria-hidden="true"` {#aria-hidden-true}
 
-Adding `aria-hidden="true"` will hide the element from assistive technology but leave it visually available for other users. Do not use it on focusable elements, purely on decorative, duplicated or offscreen content.
+L'aggiunta di  `aria-hidden="true"` nasconderà l'elemento dalla tecnologia assistiva ma lo lascerà visibile per gli altri utenti. Non utilizzarlo su elementi focalizzabili, solo su contenuti decorativi, duplicati o fuori schermo.
 
 ```vue-html
 <p>This is not hidden from screen readers.</p>
 <p aria-hidden="true">This is hidden from screen readers.</p>
 ```
 
-### Buttons {#buttons}
+### Bottoni {#buttons}
 
-When using buttons inside a form, you must set the type to prevent submitting the form.
-You can also use an input to create buttons:
+Quando si utilizzano pulsanti all'interno di un modulo, è necessario impostare il tipo per impedire l'invio del modulo.
+È anche possibile utilizzare un input per creare pulsanti:
 
 ```vue-html
 <form action="/dataCollectionLocation" method="post" autocomplete="on">
@@ -416,13 +420,13 @@ You can also use an input to create buttons:
 
 <!-- <common-codepen-snippet title="Form Buttons" slug="JjEyrYZ" :height="467" tab="js,result" theme="light" :preview="false" :editable="false" /> -->
 
-### Functional Images {#functional-images}
+### Immagini funzionali {#functional-images}
 
-You can use this technique to create functional images.
+È possibile utilizzare questa tecnica per creare immagini funzionali.
 
-- Input fields
+- Campi di input
 
-  - These images will act as a submit type button on forms
+ - Queste immagini fungeranno da pulsante di invio nei moduli
 
   ```vue-html
   <form role="search">
@@ -437,7 +441,7 @@ You can use this technique to create functional images.
   </form>
   ```
 
-- Icons
+- Icone
 
 ```vue-html
 <form role="search">
@@ -454,87 +458,88 @@ You can use this technique to create functional images.
 
 ## Standards {#standards}
 
-The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) develops web accessibility standards for the different components:
+Il World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) sviluppa gli standard di accessibilità Web per i diversi componenti:
+
 
 - [User Agent Accessibility Guidelines (UAAG)](https://www.w3.org/WAI/standards-guidelines/uaag/)
-  - web browsers and media players, including some aspects of assistive technologies
+  - browser web e lettori multimediali, compresi alcuni aspetti delle tecnologie assistive
 - [Authoring Tool Accessibility Guidelines (ATAG)](https://www.w3.org/WAI/standards-guidelines/atag/)
-  - authoring tools
+  - strumenti di autore per lo sviluppo di contenuti web
 - [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/)
-  - web content - used by developers, authoring tools, and accessibility evaluation tools
+  - contenuto web - utilizzato da sviluppatori, strumenti di autore e strumenti di valutazione dell'accessibilità
 
 ### Web Content Accessibility Guidelines (WCAG) {#web-content-accessibility-guidelines-wcag}
 
-[WCAG 2.1](https://www.w3.org/TR/WCAG21/) extends on [WCAG 2.0](https://www.w3.org/TR/WCAG20/) and allows implementation of new technologies by addressing changes to the web. The W3C encourages use of the most current version of WCAG when developing or updating Web accessibility policies.
+[WCAG 2.1](https://www.w3.org/TR/WCAG21/) estende [WCAG 2.0](https://www.w3.org/TR/WCAG20/) e consente l'implementazione di nuove tecnologie affrontando i cambiamenti nel web. Il W3C incoraggia l'uso della versione più recente di WCAG durante lo sviluppo o l'aggiornamento delle politiche di accessibilità Web.
 
-#### WCAG 2.1 Four Main Guiding Principles (abbreviated as POUR): {#wcag-2-1-four-main-guiding-principles-abbreviated-as-pour}
+## Quattro Principi Guida Principali di WCAG 2.1 (abbreviati come POUR):
 
-- [Perceivable](https://www.w3.org/TR/WCAG21/#perceivable)
-  - Users must be able to perceive the information being presented
-- [Operable](https://www.w3.org/TR/WCAG21/#operable)
-  - Interface forms, controls, and navigation are operable
-- [Understandable](https://www.w3.org/TR/WCAG21/#understandable)
-  - Information and the operation of user interface must be understandable to all users
-- [Robust](https://www.w3.org/TR/WCAG21/#robust)
-  - Users must be able to access the content as technologies advance
+- [Percepibile](https://www.w3.org/TR/WCAG21/#perceivable)
+  - Gli utenti devono essere in grado di percepire le informazioni presentate.
+- [Operabile](https://www.w3.org/TR/WCAG21/#operable)
+  - Le forme dell'interfaccia, i controlli e la navigazione devono essere operabili.
+- [Comprensibile](https://www.w3.org/TR/WCAG21/#understandable)
+  - Le informazioni e il funzionamento dell'interfaccia utente devono essere comprensibili per tutti gli utenti.
+- [Robusto](https://www.w3.org/TR/WCAG21/#robust)
+  - Gli utenti devono essere in grado di accedere al contenuto mentre le tecnologie avanzano.
 
-#### Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) {#web-accessibility-initiative-–-accessible-rich-internet-applications-wai-aria}
+## Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA):
 
-W3C's WAI-ARIA provides guidance on how to build dynamic content and advanced user interface controls.
+Il WAI-ARIA del W3C fornisce indicazioni su come costruire contenuti dinamici e controlli avanzati dell'interfaccia utente.
 
 - [Accessible Rich Internet Applications (WAI-ARIA) 1.2](https://www.w3.org/TR/wai-aria-1.2/)
 - [WAI-ARIA Authoring Practices 1.2](https://www.w3.org/TR/wai-aria-practices-1.2/)
 
-## Resources {#resources}
+## Risorse:
 
-### Documentation {#documentation}
+### Documentazione:
 
 - [WCAG 2.0](https://www.w3.org/TR/WCAG20/)
 - [WCAG 2.1](https://www.w3.org/TR/WCAG21/)
 - [Accessible Rich Internet Applications (WAI-ARIA) 1.2](https://www.w3.org/TR/wai-aria-1.2/)
 - [WAI-ARIA Authoring Practices 1.2](https://www.w3.org/TR/wai-aria-practices-1.2/)
 
-### Assistive Technologies {#assistive-technologies}
+### Tecnologie Assistive:
 
-- Screen Readers
+- Lettori di Schermo
   - [NVDA](https://www.nvaccess.org/download/)
   - [VoiceOver](https://www.apple.com/accessibility/mac/vision/)
   - [JAWS](https://www.freedomscientific.com/products/software/jaws/?utm_term=jaws%20screen%20reader&utm_source=adwords&utm_campaign=All+Products&utm_medium=ppc&hsa_tgt=kwd-394361346638&hsa_cam=200218713&hsa_ad=296201131673&hsa_kw=jaws%20screen%20reader&hsa_grp=52663682111&hsa_net=adwords&hsa_mt=e&hsa_src=g&hsa_acc=1684996396&hsa_ver=3&gclid=Cj0KCQjwnv71BRCOARIsAIkxW9HXKQ6kKNQD0q8a_1TXSJXnIuUyb65KJeTWmtS6BH96-5he9dsNq6oaAh6UEALw_wcB)
   - [ChromeVox](https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en)
-- Zooming Tools
+- Strumenti di Ingrandimento
   - [MAGic](https://www.freedomscientific.com/products/software/magic/)
   - [ZoomText](https://www.zoomtext.com/)
   - [Magnifier](https://support.microsoft.com/en-us/help/11542/windows-use-magnifier-to-make-things-easier-to-see)
 
-### Testing {#testing}
+### Test:
 
-- Automated Tools
+- Strumenti Automatizzati
   - [Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)
   - [WAVE](https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh)
   - [ARC Toolkit](https://chrome.google.com/webstore/detail/arc-toolkit/chdkkkccnlfncngelccgbgfmjebmkmce?hl=en-US)
-- Color Tools
+- Strumenti per il Contrasto dei Colori
   - [WebAim Color Contrast](https://webaim.org/resources/contrastchecker/)
   - [WebAim Link Color Contrast](https://webaim.org/resources/linkcontrastchecker)
-- Other Helpful Tools
+- Altri Strumenti Utili
   - [HeadingMap](https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?hl=en…)
   - [Color Oracle](https://colororacle.org)
   - [Focus Indicator](https://chrome.google.com/webstore/detail/focus-indicator/heeoeadndnhebmfebjccbhmccmaoedlf?hl=en-US…)
   - [NerdeFocus](https://chrome.google.com/webstore/detail/nerdefocus/lpfiljldhgjecfepfljnbjnbjfhennpd?hl=en-US…)
   - [Visual Aria](https://chrome.google.com/webstore/detail/visual-aria/lhbmajchkkmakajkjenkchhnhbadmhmk?hl=en-US)
-  - [Silktide Website Accessibility Simulator](https://chrome.google.com/webstore/detail/silktide-website-accessib/okcpiimdfkpkjcbihbmhppldhiebhhaf?hl=en-US)
+  - [Simulatore di Accessibilità del Sito Web Silktide](https://chrome.google.com/webstore/detail/silktide-website-accessib/okcpiimdfkpkjcbihbmhppldhiebhhaf?hl=en-US)
 
-### Users {#users}
+### Utenti:
 
-The World Health Organization estimates that 15% of the world's population has some form of disability, 2-4% of them severely so. That is an estimated 1 billion people worldwide; making people with disabilities the largest minority group in the world.
+L'Organizzazione Mondiale della Sanità stima che il 15% della popolazione mondiale abbia una qualche forma di disabilità, di cui il 2-4% in modo grave. Questo corrisponde a circa 1 miliardo di persone in tutto il mondo, rendendo le persone con disabilità il più grande gruppo di minoranza al mondo.
 
-There are a huge range of disabilities, which can be divided roughly into four categories:
+Esistono una vasta gamma di disabilità, che possono essere divise approssimativamente in quattro categorie:
 
-- _[Visual](https://webaim.org/articles/visual/)_ - These users can benefit from the use of screen readers, screen magnification, controlling screen contrast, or braille display.
-- _[Auditory](https://webaim.org/articles/auditory/)_ - These users can benefit from captioning, transcripts or sign language video.
-- _[Motor](https://webaim.org/articles/motor/)_ - These users can benefit from a range of [assistive technologies for motor impairments](https://webaim.org/articles/motor/assistive): voice recognition software, eye tracking, single-switch access, head wand, sip and puff switch, oversized trackball mouse, adaptive keyboard or other assistive technologies.
-- _[Cognitive](https://webaim.org/articles/cognitive/)_ - These users can benefit from supplemental media, structural organization of content, clear and simple writing.
+- [Visive](https://webaim.org/articles/visual/): questi utenti possono beneficiare dell'uso di lettori di schermo, ingrandimento dello schermo, controllo del contrasto dello schermo o display in braille.
+- [Uditiva](https://webaim.org/articles/auditory/): questi utenti possono beneficiare di sottotitoli, trascrizioni o video in lingua dei segni.
+- [Motorie](https://webaim.org/articles/motor/): questi utenti possono beneficiare di una serie di [tecnologie assistive per le disabilità motorie](https://webaim.org/articles/motor/assistive): software di riconoscimento vocale, tracciamento degli occhi, accesso a un solo pulsante, wand per la testa, interruttore sip e puff, mouse trackball oversize, tastiera adattiva o altre tecnologie assistive.
+- [Cognitive](https://webaim.org/articles/cognitive/): questi utenti possono beneficiare di supporti multimediali supplementari, organizzazione strutturale del contenuto, scrittura chiara e semplice.
 
-Check out the following links from WebAim to understand from users:
+Controlla i seguenti link di WebAim per comprendere meglio le esigenze degli utenti:
 
-- [Web Accessibility Perspectives: Explore the Impact and Benefits for Everyone](https://www.w3.org/WAI/perspective-videos/)
-- [Stories of Web Users](https://www.w3.org/WAI/people-use-web/user-stories/)
+- [Prospettive sull'Accessibilità Web: Esplora l'Impatto e i Benefici per Tutti](https://www.w3.org/WAI/perspective-videos/)
+- [Storie degli Utenti Web](https://www.w3.org/WAI/people-use-web/user-stories/)