{"id":158,"date":"2024-08-12T15:40:21","date_gmt":"2024-08-12T15:40:21","guid":{"rendered":"https:\/\/www.accessibilita.digital\/?p=158"},"modified":"2024-08-23T12:01:57","modified_gmt":"2024-08-23T12:01:57","slug":"accessibilita-i-sottotitoli-e-le-alternative-testuali","status":"publish","type":"post","link":"https:\/\/www.accessibilita.digital\/accessibilita-i-sottotitoli-e-le-alternative-testuali\/","title":{"rendered":"Accessibilit\u00e0: I sottotitoli e le alternative testuali"},"content":{"rendered":"<p>Alcuni dei criteri da rispettare per essere conformi alle WCAG richiedono di <b>fornire sottotitoli e alternative testuali ai contenuti multimediali<\/b>, generalmente audio e video.<\/p>\n\n<h2>Criteri di riferimento<\/h2>\n<p>I criteri di riferimento sono i seguenti:<\/p>\n<ul>\n<li>Livello A: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#non-text-content\" rel=\"nofollow noopener\">1.1.1 Non-text Content<\/a><\/li>\n<li>Livello A: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#audio-only-and-video-only-prerecorded\" rel=\"nofollow noopener\">1.2.1 Audio-only and Video-only (Prerecorded)<\/a><\/li>\n<li>Livello A: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#captions-prerecorded\" rel=\"nofollow noopener\">1.2.2 Captions (Prerecorded)<\/a><\/li>\n<li>Livello A: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#audio-description-or-media-alternative-prerecorded\" rel=\"nofollow noopener\">1.2.3 Audio Description or Media Alternative (Prerecorded)<\/a><\/li>\n<li>Livello AA: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#captions-live\" rel=\"nofollow noopener\">1.2.4 Captions (Live)<\/a><\/li>\n<li>Livello AA: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#audio-description-prerecorded\" rel=\"nofollow noopener\">1.2.5 Audio Description (Prerecorded)<\/a><\/li>\n<li>Livello AAA: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#sign-language-prerecorded\" rel=\"nofollow noopener\">1.2.6 Sign Language (Prerecorded)<\/a><\/li>\n<li>Livello AAA: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#extended-audio-description-prerecorded\" rel=\"nofollow noopener\">1.2.7 Extended Audio Description (Prerecorded)<\/a><\/li>\n<li>Livello AAA: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#audio-description-or-media-alternative-prerecorded\" rel=\"nofollow noopener\">1.2.8 Media Alternative (Prerecorded)<\/a><\/li>\n<li>Livello AAA: <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#audio-only-live\" rel=\"nofollow noopener\">1.2.9 Audio-only (Live)<\/a><\/li>\n<\/ul>\n<p>I criteri della tripla A sono pi\u00f9 complessi da soddisfare e spesso non cos\u00ec necessari per l\u2019uso medio, in ogni caso cerchiamo di capire meglio cosa possiamo fare nel concreto. Per approfondire il tema: <a href=\"https:\/\/www.accessibilita.digital\/le-linee-guida-internazionali-wcag-e-i-livelli-a-aa-e-aaa\/\">Le linee guida internazionali WCAG e i livelli A, AA e AAA<\/a>.<\/p>\n<h2>Requisiti minimi (Livello A)<\/h2>\n<p>Per il livello A, dobbiamo assicurarci almeno di questo:<\/p>\n<ul>\n<li><b>Fornire una alternativa testuale alle immagini<\/b> (tramite attributo ALT), l\u2019ASCII Art, le emoticon e il leetspeak, cio\u00e8 quel modo di scrivere in cui alcune lettere sono sostituite da numeri, ad esempio la E diventa un 3, oppure la A diventa un 4 e cos\u00ec via<\/li>\n<li>Per i <b>contenuti preregistrati di solo audio<\/b>, ad esempio un file audio di un podcast, che quindi non riguardano i contenuti in diretta, dobbiamo fornire una alternativa testuale, ad esempio una <b>trascrizione<\/b><\/li>\n<li>Nel caso di contenuti preregistrati che sono sincronizzati con altri contenuti, ad esempio quando abbiamo <b>audio e video insieme<\/b>, dobbiamo fornire dei sottotitoli (captions)<\/li>\n<li>Nel caso di <b>contenuti video preregistrati<\/b>, dobbiamo fornire una <b>audiodescrizione<\/b> oppure una alternativa per media temporali, come una <b>trascrizione testuale<\/b><\/li>\n<\/ul>\n<p>Gi\u00e0 da questi primi punti possiamo capire che <b>non \u00e8 cos\u00ec semplice trovare la soluzione migliore<\/b>. Il mio suggerimento \u00e8 quello di <b>leggere con attenzione le soluzioni suggerite dalle WCAG<\/b> nelle pagine dedicate al \u201ccome soddisfare i requisiti\u201d.<\/p>\n<p>In sostanza comunque, una buona pratica \u00e8 quella di <b>fornire sempre un\u2019alternativa testuale ai contenuti multimediali<\/b>, siano essi immagini, audio o video.<\/p>\n<h2>Requisiti standard (Livello AA)<\/h2>\n<p>Vediamo meglio il livello della doppia A:<\/p>\n<ul>\n<li><b>Tutti i contenuti trasmessi in diretta devono fornire dei sottotitoli<\/b> (captions) come avviene ad esempio su Youtube con i sottotitoli generati in tempo reale<\/li>\n<li><b>I video preregistrati devono fornire una audiodescrizione<\/b>, cio\u00e8 una descrizione a voce di quello che accade nel video<\/li>\n<\/ul>\n<p>Nella maggior parte dei siti web i contenuti in diretta (cio\u00e8 live) non sono presenti, oppure sono presenti come <b>incorporamento da altre piattaforme<\/b> come Youtube o Vimeo. La soluzione pi\u00f9 semplice \u00e8 quella di <b>fare in modo che il contenuto multimediale in diretta non venga visualizzato direttamente all\u2019interno del sito<\/b>, ma solo esternamente. Ad esempio, potremmo inserire una immagine di anteprima con un link che rimanda alla piattaforma esterna.<\/p>\n<p>In questo modo <b>evitiamo di dover soddisfare questo requisito per il nostro sito<\/b>, anche se ovviamente il contenuto in diretta sulla piattaforma esterna dovr\u00e0 essere accessibile. Tuttavia, pu\u00f2 essere una soluzione <b>per non dover sostenere il costo di creare un sistema di sottotitolazione automatica<\/b>, che \u00e8 indubbiamente oneroso.<\/p>\n<p>Per quanto riguarda l\u2019audio descrizione, si tratta di una <b>traccia audio<\/b>, anche aggiuntiva al dialogo parlato, <b>che spiega brevemente <\/b><b>le scene principali<\/b><b> <\/b><b>d<\/b><b>el video<\/b>.<\/p>\n<p>Ecco qualche esempio:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=3x8gtJyEm9M\" rel=\"nofollow noopener\">Audio description (extended) (WCAG 1.2.5)<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=L4WLeVc5l5k\" rel=\"nofollow noopener\">Web Accessibility Perspectives: Customizable Text &#8211; Audio Described Version<\/a> \u2013 in questo video \u00e8 presente una traccia secondaria che funge da audio descrizione<\/li>\n<\/ul>\n<h2>Requisiti avanzati (Livello AAA)<\/h2>\n<p>Infine per la tripla A abbiamo dei requisiti pi\u00f9 stringenti:<\/p>\n<ul>\n<li>In caso di <b>audio preregistrato<\/b>, dobbiamo fornire un supporto tramite <b>lingua dei segni<\/b><\/li>\n<li>Per quei <b>video preregistrati<\/b> dove <b>le pause<\/b> dedicate alle audiodescrizioni <b>non sono sufficienti<\/b> a far comprendere il significato del video stesso, e solo se questo comporta una <b>perdita di significato del contenuto<\/b>, dobbiamo fornire delle <b>audio descrizioni estese<\/b>, ad esempio possiamo indicare all\u2019utente dove trovare <b>una versione differente del video<\/b>, dove sono state inserite le pause adeguate<\/li>\n<li>Dobbiamo fornire delle alternative testuali ai media sincronizzati, ad esempio per un video tutorial o una traccia audio che spiega come effettuare una certa operazione, forniamo una trascrizione o, ancora meglio, una <b>sceneggiatura testuale<\/b> che spiega cosa viene fatto durante la dimostrazione<\/li>\n<li>Nel caso di <b>tracce audio in diretta<\/b> (live) ad esempio una trasmissione radio o la diretta di un concerto, forniamo una alternativa come ad esempio una trascrizione o il copione, se possibile<\/li>\n<\/ul>\n<p>Vediamo quindi che per soddisfare la tripla A, oltre a dover fornire dei sottotitoli dobbiamo spesso fornire altri tipi di alternative, generalmente testuali, che chiaramente <b>richiedono anche un tipo di lavoro molto maggiore<\/b> rispetto a quello che si prevede inizialmente.<\/p>\n<h2>Link utili<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=3x8gtJyEm9M\" rel=\"nofollow noopener\">Audio description (extended) (WCAG 1.2.5)<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=L4WLeVc5l5k\" rel=\"nofollow noopener\">Web Accessibility Perspectives: Customizable Text &#8211; Audio Described Version<\/a> \u2013 in questo video \u00e8 presente una traccia secondaria che funge da audio descrizione<\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/\" rel=\"nofollow noopener\">C<\/a><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/quickref\/\" rel=\"nofollow noopener\">ome soddisfare le WCAG<\/a><\/li>\n<\/ul>\n<h2><span id=\"leggi-anche\">Leggi anche<\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/www.accessibilita.digital\/come-possiamo-rendere-accessibile-un-sito-web\/\">Come possiamo rendere accessibile un sito web<\/a><\/li>\n<li><a href=\"https:\/\/www.accessibilita.digital\/accessibilita-gli-obblighi-da-giugno-2025-per-i-privati\/\">Accessibilit\u00e0: Gli obblighi da Giugno 2025 per i privati<\/a><\/li>\n<li><a href=\"https:\/\/www.accessibilita.digital\/perche-un-sito-web-dovrebbe-essere-accessibile\/\">Perch\u00e9 un sito web dovrebbe essere accessibile?<\/a><\/li>\n<li><a href=\"https:\/\/www.accessibilita.digital\/che-cose-laccessibilita-web\/\">Che cos\u2019\u00e8 l\u2019accessibilit\u00e0 web?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Alcuni dei criteri da rispettare per essere conformi alle WCAG richiedono di fornire sottotitoli e alternative testuali ai contenuti multimediali, generalmente audio e video. Criteri di riferimento I criteri di riferimento sono i seguenti: Livello A: 1.1.1 Non-text Content Livello A: 1.2.1 Audio-only and Video-only (Prerecorded) Livello A: 1.2.2 Captions (Prerecorded) Livello A: 1.2.3 Audio [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":252,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-158","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/posts\/158"}],"collection":[{"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":1,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/posts\/158\/revisions\/159"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/media\/252"}],"wp:attachment":[{"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.accessibilita.digital\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}