• Bannato Super User

    hogudo Credo che i problemi siano dovuti agli annunci di google.

    Per quanto riguarda gli id solo numerici in realtà non sono id, ma questo:

    
    <img src="http://www.agriturismoinpuglia.org/foto/ciliegie.gif" xenlarge="200" alt="ciliege" />
    

    Solo che xenlarge viene interpretato come id.

    Grazie per la disponibilità


  • Bannato Super User

    Se ne parlato più volte di questa questione ma solo dal lato seo, per quanto riguarda il lato accessibilità invece avere più h1 è un problema?

    Dite che i titoli dei singoli post li devo far passare ad h2?

    Mi date una mano perfavore?


  • User Attivo

    @mix said:

    Se ne parlato più volte di questa questione ma solo dal lato seo, per quanto riguarda il lato accessibilità invece avere più h1 è un problema?

    Dite che i titoli dei singoli post li devo far passare ad h2?

    Mi date una mano perfavore?

    qualche suggerimento:

    • elimina la < prima del doctype... in header.php
    • aggiungi l' attributo lang in html e magari pure il dir ( puoi usare solo il xml:lang se l' xhtml viene servito come application/xhtml+xml e non text/html
      esempio:
      [HTML]<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr">[/HTML]
    • usa un solo h1 per il titolo del sito e gli h2 per i titoli degli articoli
    • localizza in italiano il plugin per le briciole di pane ( è ottimo lo uso anch'io quello)
    • localizza in italiano il template
    • rendi distinguibili i testi normali dai link e all' hover degli stessi, con il colore e sottolineatura
    • rendi distinguibili i testi delle label del form commenti
    • la gran parte dei contrasti colore ( ad occhio ... ) è troppo bassa
    • peccato che il menu sia prima del contenuto... utilizzare link per andare al contenuto e al menu, anche nascosti con i css, ma non utilizzare il display:none;

    ora hai già un po da lavorare... 😉


  • Bannato Super User

    Ciao Elvino e grazie per i consigli che mi hai dato.

    Faccio un pò il punto della situazione:

    • elimina la < prima del doctype... in header.php
    • aggiungi l' attributo lang in html e magari pure il dir ( puoi usare solo il xml:lang se l' xhtml viene servito come application/xhtml+xml e non text/html
      esempio:
      Codice HTML:
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr">
    • usa un solo h1 per il titolo del sito e gli h2 per i titoli degli articoli
    • localizza in italiano il plugin per le briciole di pane ( è ottimo lo uso anch'io quello) >>>> Come si fa?
    • localizza in italiano il template **>>>> **Come si fa? e sopratutto che vuol dire?
    • rendi distinguibili i testi normali dai link e all' hover degli stessi, con il colore e sottolineatura Fatto in parte secondo te/voi è un problema che abbia invertito la normale regola dell'hover sottolineato? L'ho fatto per far capire agli utenti che google adsense sottolinea i link
    • rendi distinguibili i testi delle label del form commenti
    • la gran parte dei contrasti colore ( ad occhio ... ) è troppo bassa **>>>> **Mi piacerebbe creare qualcosa tipo quello che ha fatto Dino nel suo blog, per questo il colore base per tutta la gente credo che vada bene.
    • peccato che il menu sia prima del contenuto... utilizzare link per andare al contenuto e al menu, anche nascosti con i css, ma non utilizzare il display:none; **>>>> **Potresti spiegare meglio?

  • Bannato Super User

    Ho spostato il menù nella siderbar come consigliato.

    Ho problemi sia con ie che con firefox 1.5 con il 2 va alla grande.

    Inoltre il css ha dei problemi.


  • User Attivo

    Ciao, per favore quota bene i messaggi altrimenti diventa difficile la lettura.

    @mix said:

    • localizza in italiano il plugin per le briciole di pane ( è ottimo lo uso anch'io quello) >>>> Come si fa?

    Apri il file specifico dentro la cartella plugins e cambi le scritte in inglese incriminate in lingua italiana.

    @mix said:

    • localizza in italiano il template **>>>> **Come si fa? e sopratutto che vuol dire?

    Per esempio leggo no comments, oppure leave a comment, ecc
    Si modifica nei specifici file del template, ma se vuoi fare un blog multilingua , la vedo un po dura...
    Oltretutto quando cambi lingua il codice nell' header si incasina abbastanza.
    Le bandierine le dovresti distanziare un po ed eliminare l' attributo border nell' immagine.

    @mix said:

    • rendi distinguibili i testi normali dai link e all' hover degli stessi, con il colore e sottolineatura Fatto in parte secondo te/voi è un problema che abbia invertito la normale regola dell'hover sottolineato? L'ho fatto per far capire agli utenti che google adsense sottolinea i link

    La questione è solo di far distinguere bene i link dal testo, indipendentemente dalla sottolineatura all' hover.

    @mix said:

    • la gran parte dei contrasti colore ( ad occhio ... ) è troppo bassa **>>>> **Mi piacerebbe creare qualcosa tipo quello che ha fatto Dino nel suo blog, per questo il colore base per tutta la gente credo che vada bene.

    Molto bello e curato, solo qualche marroncino troppo chiaro un po difficile da leggere.

    @mix said:

    • peccato che il menu sia prima del contenuto... utilizzare link per andare al contenuto e al menu, anche nascosti con i css, ma non utilizzare il display:none; **>>>> **Potresti spiegare meglio?
      Per esempio se guardi il codice di quel blog nominato sopra vedi:
      [HTML]<li><a href="#content" accesskey="s">vai al contenuto</a></li>
      <li><a href="#sidebar" accesskey="m">vai al menu di navigazione</a></li>
      <li><a href="#footer">vai in fondo</a></li>
      [/HTML]
      apri quel sito, disattiva i css e prova quei link...

  • Bannato Super User

    Citazione:
    Originalmente inviato da mix image
    - localizza in italiano il plugin per le briciole di pane ( è ottimo lo uso anch'io quello) >>>> Come si fa?

    Apri il file specifico dentro la cartella plugins e cambi le scritte in inglese incriminate in lingua italiana.

    Credo che ora vada bene, ho modificato qualcosa spero di aver capito bene.

      			Originalmente inviato da **mix** 					[![image](http://www.giorgiotave.it/forum/images/kirsch/buttons/viewpost.gif)](http://www.giorgiotave.it/forum/w3c-usabilita-accessibilita-qualita/34845-io-ci-provo-con-voi-rendiamo-il-blog-accessibile-post254449.html#post254449) 				
    
    			*- localizza in italiano il template **>>>> **Come si fa? e sopratutto che vuol dire?*
    		 		 	 	 Per esempio leggo no comments, oppure leave a comment, ecc
    

    Si modifica nei specifici file del template, ma se vuoi fare un blog multilingua , la vedo un po dura...
    Oltretutto quando cambi lingua il codice nell' header si incasina abbastanza.
    Le bandierine le dovresti distanziare un po ed eliminare l' attributo border nell' immagine.

    Fatto, per le bandiere non saprei come fare per risolvere

    <a id='flag_".$key."' href='" . $flg_url . "' hreflang='".$key."'><img id='flag_img_".$key."' src='" . $flg_image_url . "' alt='" . $value . " flag' title='" . $value . "' border='0' /></a>
    

    L'autore mi da questa riga di codice

    Citazione:
    Originalmente inviato da mix image
    *- la gran parte dei contrasti colore ( ad occhio ... ) è troppo bassa **>>>> *Mi piacerebbe creare qualcosa tipo quello che ha fatto Dino nel suo blog, per questo il colore base per tutta la gente credo che vada bene.

    Molto bello e curato, solo qualche marroncino troppo chiaro un po difficile da leggere.

    Lo risolve con i vari css o non va bene ?


  • User Attivo

    @mix said:

    Fatto, per le bandiere non saprei come fare per risolvere

    <a id='flag_".$key."' href='" . $flg_url . "' hreflang='".$key."'><img id='flag_img_".$key."' src='" . $flg_image_url . "' alt='" . $value . " flag' title='" . $value . "' border='0' /></a>
    

    L'autore mi da questa riga di codice

    elimini border='0'
    poi ci vorrebbe un po di distanza fra le bandierine e magari qualcosa che le divide.

    esempio:

    <a id='flag_".$key."' href='" . $flg_url . "' hreflang='".$key."'><img id='flag_img_".$key."' src='" . $flg_image_url . "' alt='" . $value . " flag' title='" . $value . "' /></a> <span>|</span> 
    

    poi per esempio con i css:
    .classe img { padding:0 .3em; border:0; }
    .classe span { color:#a5d85f; }

    @mix said:

    Lo risolve con i vari css o non va bene ?
    con i css ovviamente


  • Bannato Super User

    Sistemato il problema delle bandiere, un punto a favore per me.

    Grazie Elvino per la disponibilità.

    Ti mostro una cosa:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.agriturismoinpuglia.org%2F&warning=1&profile=css21&usermedium=all

    Da cosa può dipendere?

    S*cusa se ti sto bombardando di domande, ma voglio che il blog sia perfettamente accessibile a tutti.

    Per ringraziarti ho inserito il tuo blog nel mio blogroll.
    *
    Mi è venuta poi una mezza idea: posso dare il tag h1 alle briciole di pane mi spiego meglio con un esempio:

    sono qui:

    http://www.agriturismoinpuglia.org/ allora l'h1 va cosi:
    Tu sei in » <h1>Home</h1>

    se sono qui invece:http://www.agriturismoinpuglia.org/puglia/59/le-pittule/ allora h1 va cosi:

    Tu sei in » Home » Puglia, Ricette pugliesi » <h1>Le pittule</h1>

    Non credete che sia più corretto di quanto faccio ora che ho h1 a tutte le pagine uguali?


  • Super User

    Da cosa può dipendere?
    Dipende che al posto di img class'bandiere' devi mettere img class='bandiere' 😉


  • Bannato Super User

    FDM= figura di merda :lol::lol::lol::lol:

    Grazie per la segnalazione non me ne sarei mai accorto.

    Sia xhtml che css sono validati, primo passo raggiunto.


  • Super User

    ... Io ne faccio di molto peggio 😉


  • User Attivo

    @mix said:

    Sistemato il problema delle bandiere, un punto a favore per me.

    La parte delle bandierine è ben incasinata: tabella, attributo border, mancanza della chiusura dell' immagine, nessun separatore fra le stesse.

    @mix said:

    Per ringraziarti ho inserito il tuo blog nel mio blogroll.

    Grazie.

    @mix said:

    Mi è venuta poi una mezza idea: posso dare il tag h1 alle briciole di pane mi spiego meglio con un esempio:

    sono qui:

    http://www.agriturismoinpuglia.org/ allora l'h1 va cosi:
    Tu sei in » <h1>Home</h1>

    se sono qui invece:http://www.agriturismoinpuglia.org/puglia/59/le-pittule/ allora h1 va cosi:

    Tu sei in » Home » Puglia, Ricette pugliesi » <h1>Le pittule</h1>

    Non credete che sia più corretto di quanto faccio ora che ho h1 a tutte le pagine uguali?
    Così no di sicuro... piuttosto potresti fare come nel template Beast Blog, ma dovresti vedere il codice nell' header per capire.
    Comunque non usando il plugin che usi ora, oppure mettendolo all'inerno di un paragrafo ( tag <p> ).

    2 cose:
    metti qualcosa nell' header di questo sito, perché quel vuoto è una tristezza.
    cambia quel verdino di sfondo perché rende il contrasto con il testo e i link troppo basso e difficilmente leggibile.


  • Bannato Super User

    Ciao Elviono e ciao a tutti,
    dopo il ponte del primo maggio ( in cui io ho lavorato ) rieccomi qua a chiedere aiuto.

    Per quanto riguarda le bandierine sto sviluppando un plugin reload partendo da quello, perchè il plugin in questione da dei problemi.

    Mi sono ritrovato questa pagina indicizzata http://www.agriturismoinpuglia.org/en/en/fr

    Quindi capite bene quanto mi preme sistemarlo, e quando avro fatto questo cercherò di far stampare le bandierine su un menù verticale a scorrimento.

    Non ho invece capito bene la questione di best blog, cosa fa?

    cambia quel verdino di sfondo perché rende il contrasto con il testo e i link troppo basso e difficilmenteMi sapresti consigliare un verde adatto, sto cambiando grafica pian piano, oggi ho messo uno sfondo che va di moda ultimamente, comunque vorrei mantenere l'accostamento verde celeste.

    metti qualcosa nell' header di questo sito, perché quel vuoto è una tristezza.Sto aspettando che l'amico grafico mi produca qualcosa.

    Ps. Che tristezza ho guardato con ie ancora tanti problem, la siderbar scende giù e che @@.


  • Super User

    Sinceramente quel biancazzurro da fastidio a me che ho 10 e passa decimi ma che sono parecchio fotosensibile dopo una malattia.
    Ora mi fanno male gli occhi... fa te 😉


  • User Attivo

    @mix said:

    Non ho invece capito bene la questione di best blog, cosa fa?

    [PHP]<body id="top">
    <ul class="offset">
    <li><a href="#content">Jump to Content</a></li>
    <li><a href="#nav">Jump to Navigation</a></li>
    <li><a href="#footer">Jump to Footer</a></li>
    </ul>
    <hr />
    <div id="page">
    <div class="offset">
    <img src="<?php bloginfo('template_directory'); ?>/images/bb_masthead_on.jpg" width="760" height="200" alt="" />
    </div>
    <div id="header">
    <div id="headerimg">
    <?php if(is_home() && !is_paged()){ ?>
    <h1><span></span><?php bloginfo('name'); ?>
    <small><br /><?php bloginfo('description'); ?></small></h1>
    <?php } else if(is_paged()){ ?>
    <h1><a href="<?php echo get_settings('home'); ?>" title="Click for Blog Home"><span></span><?php bloginfo('name'); ?></a>
    <small><br /><?php bloginfo('description'); ?></small></h1>
    <?php } else { ?>
    <h1><a href="<?php echo get_settings('home'); ?>" title="Click for Blog Home"><span></span><?php bloginfo('name'); ?></a>
    <small><br /><?php if(is_single()) { ?> <?php } ?> <?php wp_title($sep=''); ?> <?php if(is_404()) { ?>404 Error: Page Not Found <?php } ?> <?php if(is_search()) { ?>Search Results for: <?php echo wp_specialchars($s, 1); ?><?php } ?></small></h1>
    <?php } ?>
    </div>
    </div>
    <hr />[/PHP]
    link per andare ai contenuti, navigazione e footer nascosti.
    Briciole di pane in parole povere così:
    <h1>titolo sito<br /> nome articolo</h1>
    nascosto sotto l' immagine della testata.

    @mix said:

    Mi sapresti consigliare un verde adatto, sto cambiando grafica pian piano, oggi ho messo uno sfondo che va di moda ultimamente, comunque vorrei mantenere l'accostamento verde celeste.

    Sto aspettando che l'amico grafico mi produca qualcosa.

    Ps. Che tristezza ho guardato con ie ancora tanti problem, la siderbar scende giù e che @@.
    Per carità quell' azzurroooo... 😄
    Metti un verdino piu chiaro, anzi chiarissimo e scurisci i caratteri, poi ti dico.
    Come sfondo esterno, metti qualcosa di più scuro.

    Idem per il footer, metti il carattere più chiaro per far maggior contrasto con il nero.
    Scusa la mazzata, ma per qualcosa di accessibile faresti ben prima a installare, localizzare e personalizzare, un template come beastblog.


  • Bannato Super User

    Ok,
    mi hai convinto proviamo ad usare best blog.

    Non mi piace però questo:

    <h1>titolo sito<br /> nome articolo</h1>
    nascosto sotto l' immagine della testata.


  • Super User

    Titolo sito e nome articolo non possono, semanticamente parlando, stare insieme lì in quel modo.

    Che estensione è?

    PS io le briciole le ho trasformate in un list non ordinato


  • Bannato Super User

    Ciao ragazzzi rispondo solo ora perchè sto facendo delle modifiche al layout.

    Idem per il footer, metti il carattere più chiaro per far maggior contrasto con il nero.
    Scusa la mazzata, ma per qualcosa di accessibile faresti ben prima a installare, localizzare e personalizzare, un template come beastblog.

    Per quanto riguarda beastblog sarà anche accessibile, ma per come è fatto non mi converte nulla. Quando ti parlo di conversioni intendo dire visitatori click su adsense.

    Con il mio attuale templates si converte che è una bellezza.

    Titolo sito e nome articolo non possono, semanticamente parlando, stare insieme lì in quel modo.

    E' beastblog che fa quel giochetto antipatico.

    Cosa ne pensate di questi colori?

    Vanno meglio, il contrasto va bene?


  • User Attivo

    @mix said:

    Cosa ne pensate di questi colori?

    Vanno meglio, il contrasto va bene?
    A me lo sfondo a righe non piace per niente.
    Il contrasto colore va bene, ma è anche vero che usi solo 2 colori...
    Scurisci un pochettino lo sfondo: da #ffffff passa a #fefefe o #fafafa e scurisci un pochettino il testo.
    Un bianco troppo "bianco" può dare problemi di abbagliamento...

    fai anche una cosetta, aggiungi nel css: .right h2 { background-color: transparent; }
    😉