• Super User

    Seo e Accessibilità - Bilanciamento dei fattori

    Vorrei condividere con voi il metodo usato per riuscire a trovare il giusto equilibrio fra azioni SEO e Accessibilità.

    In particolare vorrei focalizzare la questione sul TAG "Alt" del Logo del sito web.

    Di norma quando realizzo un sito web, ho l'abitudine di inserire un link alla Home page del sito nell'immagine del logo, quindi essendo un'immagine, associati al Tag "<a.." ci saranno anche i due Tag amici - "title" e "alt", questi ultimi sappiamo che vengono interpretati in maniera diversa in base al browser che stiamo utilizzando, infatti se usiamo Firefox e posizionando il mouse sopra l'immagine del logo, visualizzeremo il contenuto del Tag "title", mentre se usiamo Internet Explorer, sarà il contenuto del Tag "alt" ad essere visualizzato ...

    ... e i non vedenti, usando un browser testuale o vocale, quale Tag leggeranno ?

    Che io sappia, quello del Tag "alt" - E qui mi è venuto un dubbio che mi ha portato ad aprire questo post.

    Ora, facendo una valutazione e sapendo (se sbaglio correggetemi) che gli spider leggono i siti web nello stesso modo in cui li leggono i browser per i non vedenti e quindi che il Tag importante è "alt", di conseguenza, essendo che il logo è uno dei primi elementi in un layout, lo spider leggerà prima il <TITLE> della pagina e poi il contenuto del Tag "alt" del logo.

    Quindi pensando di dover bilanciare i fattori Seo e Accessibilità, essendo che lato Seo c'è già il <TITLE> della pagina che ha il suo grande peso per i MDR, sarebbe errato sfruttare il Tag "alt" pensando puramente all'utente disabile ?

    Faccio un esempio banale:

    <div id="logo">
    <a href="ht tp://www dominio.it" title="Vendita appartamenti a Milano"><img src="ht tp://www dominio.it/logo.gif" alt="Questa è una immagine con un link e rappresenta il logo aziendale di questo sito, il link è associato alla pagina principale del sito" /></a>
    </div>
    

    Nell'esempio non è stata mensionata nessuna Keywords nel Tag "alt", ma si è pensato puramente all'utente disabile.

    Questa tecnica è errata, giusta o esiste un compromesso diverso fra i fattori ?

    Voi come vi regolate di solito ?
    Avete eseguito dei test in merito ?
    E per gli elementi intermedi (contenuti) e bassi (footer) che non siano in alto alla pagina, vi comportate nello stesso modo ?


  • Community Manager

    Ciao Globo,

    io credo che i browser per non vedenti leggano sia il title che l'alt. Il primo gli descrive cosa stanno per visitare (cliccando il link), il secondo cosa rappresenta quell'immagine.

    Io quindi farei:

    [HTML]<div id="logo">
    <a href="ht tp://www dominio.it" title="Home Page di Dominio.it - Vendita Case"><img src="ht tp://www dominio.it/logo.gif" alt="Logo aziendale di Dominio.it" /></a>
    </div>[/HTML]

    :ciauz:


  • Super User

    @Giorgiotave said:

    Ciao Globo,

    io credo che i browser per non vedenti leggano sia il title che l'alt.

    Credi, o ne hai la certezza ?
    Perchè ho installato sia un browser testuale che uno per non vedenti e ipovedenti, e entrambi leggono solo il Tag "alt", ora non so con quelli vocali se la cosa cambia ...


  • Community Manager

    Come ho scritto...credo, non ne ho la certezza.

    Chiediamo in accessibilità? vediamo se c'è qualche tabella con questi valori.

    Comunque è ininfluente ai fini del posizionamento, perchè il tutto è basato su una teoria non vera:

    Ora, facendo una valutazione e sapendo (se sbaglio correggetemi) che gli spider leggono i siti web nello stesso modo in cui li leggono i browser per i non vedenti e quindi che il Tag importante è "alt", di conseguenza, essendo che il logo è uno dei primi elementi in un layout, lo spider leggerà prima il <TITLE> della pagina e poi il contenuto del Tag "alt" del logo.

    Il browser potrebbe anche leggere precisamente come uno dei tanti browser per non vedenti (ma poi quale?), ma nessuno ci assicura questo.

    Inoltre, una cosa è la lettura di un dato, un'altra è il peso che l'algoritmo poi assegna.


  • Super User

    Infatti era meglio postare la discussione in accessibilità a questo punto, perchè non volevo focalizzarmi sul posizionamento ...

    @Giorgiotave said:

    Comunque è ininfluente ai fini del posizionamento ...

    ... ma capire a livello tecnico se fosse possibile trovare il giusto compromesso fra spingere le pagine per determinate key e non indurre l'utente diversamente abile a non trovarsi a dover ascoltare ripetutamente parole, frasi, keyword che potrebbero essere ininfluenti alla chiarezza linguistica dei contenuti.

    Intanto grazie per i tuoi interventi ;), se pensi che possa essere utile spostare la discussione o aprirne una parallela linkando questa, fammi sapere.
    :ciauz:


  • User Attivo

    Vedi http://accessibile.diodati.org/agc/cap04.html#testi_alt_logo

    dal libro "Accessibilità Guida Completa" di Michele Diodati.


  • Super User

    Accidenti che spiegazione, complimenti agli editori :bravo:

    Ora ho una visione molto più chiara dell'interpretazione degli elementi a secondo delle situazioni.

    Grazie Elvino, conoscevo già il sito, ma non mi ero mai accinto a leggere cosi in profondità 😉

    Qui non sbagliavo a quanto pare:
    @Michele Diodati - ACG - Testi alternativi per il logo said:

    e il valore dell?attributo title solitamente non viene letto dagli screen reader


  • Community Manager

    @GloboGsm said:

    Infatti era meglio postare la discussione in accessibilità a questo punto, perchè non volevo focalizzarmi sul posizionamento ...

    Puoi aprire un'altra discussione forte delle informazioni che abbiamo raccolto in questa discussione 😉

    @GloboGsm said:

    Accidenti che spiegazione, complimenti agli editori :bravo:

    Ora ho una visione molto più chiara dell'interpretazione degli elementi a secondo delle situazioni.

    Grazie Elvino, conoscevo già il sito, ma non mi ero mai accinto a leggere cosi in profondità 😉

    Grande Elvino 😉