[et_pb_section fb_built=”1″ _builder_version=”4.7.7″ _module_preset=”default” custom_padding=”22px||7px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.7.7″ _module_preset=”default” custom_padding=”28px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.7.7″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” text_font=”Verdana||||||||” link_font=”Verdana||||on|||#DE8729|” link_text_color=”#DE8729″ header_font=”Verdana||||||||” header_3_text_color=”#000000″ hover_enabled=”0″ global_colors_info=”{}” text_text_color__hover_enabled=”on|hover” sticky_enabled=”0″ header_3_font=”Arvo||||||||”]<\/p>\n
Proseguiamo l\u2019esposizione dei principali criteri da considerare per realizzare un sito web accessibile<\/strong>: tecnicamente, bisogna progettare i moduli di contatto<\/strong> in maniera semplice e leggibile anche dagli screen readers, non utilizzare le tabelle<\/strong> o, se necessario, realizzarle in maniera semplice e accessibile, offrire strumenti di ridimensionamento<\/strong> del testo e non programmare i testi in unit\u00e0 assolute.<\/p>\n Per quanto riguarda i media<\/strong>, bisogna evitare la riproduzione automatica dei media, i caroselli e gli slider.\u00a0Infine, dopo aver creato una infrastruttura accessibile, si dovr\u00e0 rendere accessibili anche i contenuti del sito<\/strong>.<\/p>\n —————————————————-<\/p>\n <\/span><\/p>\n Nella prima parte di questo articolo<\/a> abbiamo visto i 5 interventi che rendono pi\u00f9 accessibile un sito web.<\/p>\n Vediamo ora gli ultimi 5:<\/strong><\/p>\n <\/span><\/p>\n I moduli (di contatto, di iscrizione\u2026) sono un utile strumento nella maggior parte dei siti ma devono essere progettati con attenzione. L\u2019aspetto pi\u00f9 importante \u00e8 assicurarsi che ogni campo sia chiaramente etichettato<\/span>. Ci\u00f2 comprende anche il posizionare le etichette adiacenti ai rispettivi campi<\/b>. Sebbene un utente vedente possa facilmente abbinare un’etichetta al campo o all’opzione corrispondente, questa operazione non \u00e8 altrettanto ovvia per chi utilizza uno screen reader.<\/p>\n \u00c8 importante anche fornire istruzioni e informazioni in modo chiaro e facilmente comprensibile<\/b>. Anche in questo caso il vantaggio non sar\u00e0 solo per le persone con disabilit\u00e0 cognitiva ma aumenter\u00e0 il tempo di permanenza sul sito di tutti gli utenti, migliorando anche la UX<\/a>.<\/p>\n <\/p>\n Le tabelle sono utili soprattutto per facilitare il confronto tra i dati. Rendono molto pi\u00f9 semplice analizzare anche grandi quantit\u00e0 di informazioni ma devono essere realizzate in modo che possano essere correttamente interpretate anche dagli strumenti di\u00a0 <\/span>tecnologia assistiva.<\/p>\n Esistono alcuni criteri e tecniche di realizzazione che consentono di ottenere il massimo beneficio: primo fra tutti la semplicit\u00e0<\/b>.<\/p>\n Inoltre, \u00e8 meglio evitare di utilizzare tabelle per dati diversi da quelli che devono essere rappresentati inevitabilmente con tabelle: privilegiamo sempre gli elenchi puntati <\/b>che non confondono gli screen reader e sono pi\u00f9 comprensibili anche dagli utenti con disabilit\u00e0 cognitiva.<\/p>\n <\/p>\n La maggior parte dei dispositivi e dei browser consente agli utenti di ridimensionare il testo, a vantaggio delle persone con disabilit\u00e0 visive. Tuttavia, se il sito non \u00e8 stato creato programmando questa funzione, il ridimensionamento del testo potrebbe interrompere il tuo design o rendere difficile l’interazione con il tuo testo.<\/p>\n Una buona pratica \u00e8 evitare di indicare le dimensioni in unit\u00e0 assolute, ad esempio specificando la dimensione del testo con i pixel. Utilizzare dimensioni relative, ad esempio con percentuali, il testo pu\u00f2 essere ridimensionato<\/b> senza che lo stile del sito o le funzioni siano compromesse.<\/p>\n Un primo test pu\u00f2 essere fatto aumentando con lo zoom le dimensioni del testo: un sito accessibile risponder\u00e0 adeguatamente da qualsiasi device.<\/p>\n <\/p>\n La riproduzione automatica dei file multimediali \u00e8 un aspetto delicato: molti li ritengono indispensabili, soprattutto per offrire nel sito web una UX (esperienza per l\u2019utente) simile a quella dei social. In realt\u00e0, spesso, soprattutto in condizioni di rete limitata – anche solo in metropolitana – l’avvio di musica o video pu\u00f2 rallentare notevolmente la pagina.\u00a0<\/span><\/b><\/p>\n Ancora maggiori sono le difficolt\u00e0 per le persone con disabilit\u00e0. Ad esempio, capire come disattivare i media pu\u00f2 essere difficile quando si utilizza uno screen reader, mentre altri utenti potrebbero semplicemente essere confusi o addirittura spaventati dal rumore improvviso. Evitiamo quindi di includere elementi che si attivano senza che l’utente li abbia prima richiesti.<\/b><\/p>\n Per quanto riguarda i caroselli e gli slider<\/a> (le presentazioni con immagini scorrevoli) consideriamo che sono fonte di grande frustrazione se il lettore ha bisogno di pi\u00f9 tempo per leggere o comprendere tutte le informazioni, prima di passare alla immagine o alla sezione successiva.<\/p>\n Offriamo quindi sempre la possibilit\u00e0 di gestire autonomamente la transizione delle immagini.<\/b><\/p>\n <\/p>\n Infine, arriviamo al cuore del sito: il contenuto<\/strong>. Sebbene progettare il sito per l’accessibilit\u00e0 sia estremamente importante, bisogna sempre tenere presente che le stesse considerazioni devono essere riproposte quando si creano i contenuti.<\/b><\/p>\n Ci\u00f2 significa prestare attenzione sia ad aspetti apparentemente minori, come scrivere sempre completamente gli acronimi, sia ad aspetti pi\u00f9 importanti, come assicurarsi di dare a tutti i link nomi descrittivi e collegamenti<\/a> univoci.<\/p>\n Ricordiamo sempre che, proprio come il sito deve poter essere utilizzato da chiunque, anche i contenuti dovrebbero essere accessibili e leggibili. Noi di ComuniLabo prevediamo sempre un momento di formazione per tutte le persone che pubblicheranno contenuti su un sito, prima della messa online.<\/b><\/p>\n <\/p>\n Assicurarsi che un sito sia accogliente per il maggior numero possibile di persone dovrebbe essere una priorit\u00e0 assoluta. Non c’\u00e8 motivo di escludere nessuno, soprattutto perch\u00e9 \u00e8 possibile farlo<\/a>.<\/p>\n Non solo gli utenti saranno soddisfatti: questa pratica offre importanti vantaggi anche in aumento del traffico e delle conversioni.<\/a><\/p>\n Prendendo il tempo necessario per comprendere i possibili difetti nel design<\/span><\/a> e nei contenuti, \u00e8 possibile assicurarsi che il sito sia ottimizzato, apprezzato e correttamente posizionato.<\/p>\n <\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.14.2″ _module_preset=”default” link_font=”||||on||||” locked=”off” global_colors_info=”{}”]<\/p>\n Immagine: shutterstock\/Gunnar Pippel<\/em><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=”off|off|off” _builder_version=”4.8.0″ _module_preset=”default” custom_margin=”|auto|35px|auto||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.8.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_testimonial author=”ARGOMENTI COLLEGATI” portrait_url=”http:\/\/www.comunilabo.com\/wp-content\/uploads\/2021\/12\/Comunilabo_icone-leggi-anche.jpg” quote_icon=”off” _builder_version=”4.14.2″ _module_preset=”default” body_font=”Verdana||||||||” body_text_color=”#000000″ author_font=”Arvo|700|||||||” author_text_color=”#000000″ author_font_size=”17px” position_font=”Verdana||||||||” company_font=”Verdana||||||||” background_color=”#F2BC02″ animation_style=”flip” border_radii=”on|15px|15px|15px|15px” global_colors_info=”{}”]<\/p>\n Clicca<\/a><\/strong><\/span>\u00a0per leggere l’articolo \u201c10 criteri per rendere accessibile un sito web (parte 1)\u201d<\/p>\nARTICOLO<\/strong><\/span><\/h2>\n
6. Progettare i moduli di contatto in maniera semplice\u00a0<\/span><\/strong><\/h3>\n
7. Non utilizzare le tabelle o, se necessario, realizzarle in maniera semplice e accessibile<\/strong><\/h3>\n
8. Offrire strumenti di ridimensionamento del testo<\/strong><\/h3>\n
9. Evitare la riproduzione automatica dei media, i caroselli e gli slider<\/strong><\/h3>\n
10. Rendiamo accessibili tutti i contenuti<\/strong><\/h3>\n
Conclusione<\/strong>\u00a0<\/span><\/h3>\n