Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Accessibilità paragrafi con immagini

    Buon giorno a tutti.
    Ho questa situazione.
    Ho alcune news, che includo all'interno del tag

    .
    Queste news, oltre ad essere in formato testuale hanno anche una parte grafica, con un'immagine inerente alla news.
    Al momento ho questa struttura:
    codice:
    
    
    bal bla bla bla bal bla bla bla bal bla bla bla
    <div style="float:right">[img]mia_img.jpg[/img]</div>
    </p>
    Quello che vorrei sapere per favore è se:
    1) l'immagine deve essere inclusa all'interno del tag


    2) e se(sicuramente è si), l'immagine deve avere una descrizione nell'attributo alt

    Grazie mille

  2. #2
    Relativamente alla prima domanda, in fatto di accessibilità non ci sono controindicazioni nell'inserire un'immagine nel paragrafo a cui si riferisce oppure metterla appena prima o appena dopo. Quindi, sostanzialmente, puoi optare per la soluzione che trovi più comoda.
    E' sbagliato, invece, inserire un div dentro il paragrafo per contenere l'immagine.

    Un discorso più interessante, invece, è quello relativo alla seconda domanda. A tal proposito, prima di tutto, è necessario porsi una domanda:
    l'immagine che vogliamo inserire nella news è importante per comprendere il contenuto (ovvero ha un valore semantico) o è solo un'immagine di abbellimento ma non significativa?
    Se la risposta è si, allora l'immagine va inserita nel codice HTML tramite <img />, altrimenti va inserita come background tramite CSS. Infatti, se l'immagine è solo decortativa o comunque non necessaria per comprendere il contenuto della news, è inutile avrela nel codice HTML e farla leggere alle tecnologie assistive.
    Se la si inserisce nell'HTML, va per forza previsto l'attributo alt. Solo che bisogna fare attenzione a come utilizzarlo. Infatti, non in tutti i casi è necessario valorizzarlo, ovvero in alcune situazioni è meglio inserirlo ma vuoto: alt="". E' necessario valorizzarlo con un'opportuna descrizione alternativa dell'immagine quando il paragrafo a cui è legata non fa riferimento a tale immagine. Se invece nel paragrafo stesso si fa riferimento all'immagine, magari descirvendo cosa rappresenta, allora è superfluo inserire l'alt in quanto avrebbe un contenuto simile a quanto già scritto nel paragrafo e comporterebbe solo un'inutile lettura da parte degli screen reader con conseguente perdita di tempo per i non vedenti.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.