http://www.wordpress-it.it/forum/ WordPress Italy Forum Discussione: Problemi di usabilità con i tags: chiedo aiuto. en Wed, 08 Sep 2010 03:38:25 +0000 http://www.wordpress-it.it/forum/topic/9227#post-37800 Mer, 26 Nov 2008 15:30:44 +0000 talksina 37800@http://www.wordpress-it.it/forum/ <p>dai primi test, miei, pare funzionare<br /> Ora sento anche il blogmaster cosa pensa, anche perché 'sto affare qua dei tag merita un linkback come minimo; purtroppo niente banner, solo text link per ovvi motivi<br /> Funziona sia su index che su single.php, cmq il linkback mi sa che lo metterò sul mio blog(ciecomatto) appena ci rimetto le mani, dato che il favore lo hai fatto a me :)<br /> grazie di tutto </p> http://www.wordpress-it.it/forum/topic/9227#post-37797 Mer, 26 Nov 2008 13:25:03 +0000 mrbrown 37797@http://www.wordpress-it.it/forum/ <p>allora, questo è il codice da mettere in <strong>header.php</strong></p> <p><code><br /> &lt;script type="text/javascript" src="&lt;?php bloginfo('wpurl'); ?&gt;/wp-includes/js/jquery/jquery.js"&gt;&lt;/script&gt;<br /> &lt;script type="text/javascript"&gt;<br /> var testoMostra = 'Mostra i tag';<br /> var testoNascondi = 'Nascondi i tag';<br /> jQuery(document).ready(function() {<br /> jQuery('.slickbox').hide();<br /> jQuery('a.slick-toggle').html(testoMostra);<br /> jQuery('a.slick-toggle').click(function(event) {<br /> var linkId = event.target.id;<br /> var myId = linkId.replace('slicktoggle-','');<br /> var tagbox = 'slickbox-' + myId;<br /> jQuery('#'+tagbox).toggle(400);<br /> var testoLink = jQuery('#'+linkId).html();<br /> if (testoLink == testoMostra){<br /> jQuery('#'+linkId).html(testoNascondi);<br /> } else {<br /> jQuery('#'+linkId).html(testoMostra);<br /> }<br /> return false;<br /> });<br /> });<br /> &lt;/script&gt;<br /> </code></p> <p>mentre nel <strong>Loop</strong> metti:</p> <p><code><br /> &lt;LINK-DA-SOSTITUIRE-CON-A class="slick-toggle" id="slicktoggle-&lt;?php the_ID(); ?&gt;" href="javascript:void(0);"&gt;show&lt;/LINK-DA-SOSTITUIRE-CON-A&gt;<br /> &lt;div class="slickbox" id="slickbox-&lt;?php the_ID(); ?&gt;"&gt;<br /> &lt;?php the_tags('Tags: ', ', ', ' '); ?&gt;<br /> &lt;/div&gt;<br /> </code></p> <p>dovrebbe funzionare ;-)</p> <p>se il testo dovesse incasinarsi, ho postato il codice anche dalle mie parti</p> <p><a href="http://www.studio404.it/2008/wordpress-effetto-toggle-sui-tag-dei-post.html" rel="nofollow">http://www.studio404.it/2008/wordpress-effetto-toggle-sui-tag-dei-post.html</a></p> <p>hope it helps :-) </p> http://www.wordpress-it.it/forum/topic/9227#post-37796 Mer, 26 Nov 2008 12:52:05 +0000 talksina 37796@http://www.wordpress-it.it/forum/ <p>Perfetto...<br /> Purtroppo, la storia del "javascript non accessibile", è una cosa QUASI passata, riferita alle linee guida del W3C versione 1.0, risalenti al 1999 quando ancora c'erano moltissimi browser che non supportavano tale tecnologia, per citare Lynx e Net Tamer per dos(Links, per linux, era già meglio, tutta altra cosa da lynx): JavaScript permette moltissime cose che possono aiutare l'accessibilità, tipo pop-up accessibili - <a href="http://diegolamonica.info/wili" rel="nofollow">http://diegolamonica.info/wili</a> -, oppure siti navigabili interamente da tastiera - <a href="http://pressakey.net" rel="nofollow">http://pressakey.net</a> -, oppure addirittura menu accessibili - <a href="http://www.udm4.com" rel="nofollow">http://www.udm4.com</a><br /> Anche Flash può essere reso accessibile - esempio su <a href="http://www.jkrowling.com/" rel="nofollow">http://www.jkrowling.com/</a><br /> Il problema per cui ho messo il "quasi passata", non è la tecnologia<br /> ma il COME viene usata e questo vale dappertutto non solo sul web.<br /> Quindi per esempio se tu mi presenti un documento word, che "per definizione" dovrebbe essere accessibile però il testo scritto dentro è un JPG copiaincollato in un doc, anche se è un doc, o un html o un pdf, non lo leggerò mai perché lo screen reader interpreta il testo e non l'immagine.<br /> Scusa l'OT, ma io ci tengo che le persone che mi aiutano possano in qualche modo capire come stanno le cose. </p> http://www.wordpress-it.it/forum/topic/9227#post-37795 Mer, 26 Nov 2008 12:33:51 +0000 mrbrown 37795@http://www.wordpress-it.it/forum/ <blockquote><p>In pratica il codice che tu mi hai dato, quando apro la pagina, non mi mostra i tag, come è giusto che sia; poi faccio invio su Mostra tag, e i tag vengono mostrati; però chiaramente per il discorso del loop, non funziona bene.</p></blockquote> <p>Ok, a me questo interessava sapere :-) perché in linea di massima Javascript non è proprio accessibile, diciamo.<br /> Faccio qualche prova e ti posto il codice. </p> http://www.wordpress-it.it/forum/topic/9227#post-37792 Mer, 26 Nov 2008 12:17:34 +0000 talksina 37792@http://www.wordpress-it.it/forum/ <p>Lo screen reader è un programma, NON un plug-in del browser.<br /> <a href="http://it.wikipedia.org/wiki/Screen_reader" rel="nofollow">http://it.wikipedia.org/wiki/Screen_reader</a><br /> Lui legge, non "browsa" niente. Che ci sia un editor di testi, o un browser, o un qualsiasi altro programma installato sulla macchina, lui legge quello che è _scritto_ a video in ascii - quindi se per esempio c'è un testo in un file .jpg non lo legge; e anziché usare il mouse, per muoversi all'interno dello schermo si usa la tastiera conseguentemente, con l'esempio di prima, se il controllo cliccabile è fatto in a href, lui può gestirlo, se no se è tipo quello di GMail versione standard, no.<br /> In pratica il codice che tu mi hai dato, quando apro la pagina, non mi mostra i tag, come è giusto che sia; poi faccio invio su Mostra tag, e i tag vengono mostrati; però chiaramente per il discorso del loop, non funziona bene. Deve funzionare nel loop per l'index.php e invece "singolarmente" per single.php. E una volta che i tag sono visibili, il testo del link deve dire "nascondi i tag", mentre se sono nascosti deve dire "mostra i tag", in quanto l'utente deve ovviamente cliccare su "mostra" per farli vedere, e "nascondi" per nasconderli.<br /> Casomai se riesci, mostrami le alternative, con JavaScript e con gli stili, e poi provo quale è meglio<br /> grazie di tutto </p> http://www.wordpress-it.it/forum/topic/9227#post-37790 Mer, 26 Nov 2008 12:01:02 +0000 mrbrown 37790@http://www.wordpress-it.it/forum/ <blockquote><p>Spero di essermi spiegata </p></blockquote> <p>non molto. Tu come visiti il sito web in questione? Usi Firefox? E lo screenreader cos'è, un plugin installato nel browser oppure un programma a parte?<br /> Quindi ti ripeto la domanda da un milione di dollari: se visiti la pagina con il codice che ti ho dato, lo screenreader (o chi per esso), il box dei tag lo "legge" oppure no? </p> http://www.wordpress-it.it/forum/topic/9227#post-37788 Mer, 26 Nov 2008 11:40:59 +0000 talksina 37788@http://www.wordpress-it.it/forum/ <p>OK grazie...fammi sapere quando puoi trovarmi il codice giusto; mi sono espressa male io nel primo post non avendo specificato il discorso del loop (se non erro, quel codice che mi hai dato va bene su single.php, la pagina di articolo singolo; se mi confermi, la sposto da index e lo metto lì, ovviamente quando mi hai trovato il link mostra/nascondi tags)<br /> Tu mi chiedi dello screen reader e JavaScript: lo screen reader non è un browser, il browser è sempre explorer o firefox<br /> il problema è in come è presentato il javascript: se è un normale a href, lui lo legge e il link è accessibile<br /> altrimenti, nel caso in cui non sia visto come link (tipo quelli di GMail standard) o quello di apri/chiudi opzioni avanzate che c'è in wp 2.6 nella pagina di scrittura articolo/pagina, là non è accessibile.<br /> Spero di essermi spiegata </p> http://www.wordpress-it.it/forum/topic/9227#post-37779 Mer, 26 Nov 2008 09:35:56 +0000 mrbrown 37779@http://www.wordpress-it.it/forum/ <p>ah adesso ho visto che la cosa ti serve nel Loop, avevo capito male io e pensavo che ti servisse nella sidebar.<br /> Ok, bisogna modificare il codice perché ora il problema è che ci sono tanti div (uno per ogni post nella pagina) con lo stesso ID e quindi è normale che non funziona bene.<br /> Pià tardi vedo di fare qualche prova e ti posto il codice giusto. </p> http://www.wordpress-it.it/forum/topic/9227#post-37778 Mer, 26 Nov 2008 09:31:06 +0000 mrbrown 37778@http://www.wordpress-it.it/forum/ <p>ok, per il testo del link vediamo di cambiarlo al click.<br /> Hai messo il codice sul sito? Vorrei vedere cosa succede. Avevo fatto un test su un blog in locale e funzionava.</p> <p>Domanda: lo screenreader che usi, supporta javascript? Nel senso che di default, il box dei tag è visibile, ma viene nascosto da javascript appena è terminato il caricamento della pagina. Ora mi è venuto il dubbio che lo screenreader non supporta questa funzionalità ma magari vuole che al box sia applicato uno stile che lo nasconde senza l'uso di javascript.<br /> Quando tu carichi la pagina con lo screenreader, il box dei tag viene letto oppure è nascosto? </p> http://www.wordpress-it.it/forum/topic/9227#post-37776 Mer, 26 Nov 2008 02:33:09 +0000 talksina 37776@http://www.wordpress-it.it/forum/ <p>Provato...ma non fa quello che voglio<br /> Io clicco su "mostra tutti i tag"<br /> però...<br /> 1. il testo del link rimane sempre "mostra tutti i tag"; se i tag sono visibili, DOVREBBE invece scrivere "nascondi i tag" se c'è scritto "mostra" sempre, uno può anche non capire come si fa a nasconderli<br /> 2. ricliccando su "mostra tutti i tag" questi non vengono richiusi, restano sempre aperti, cioè io potrei voler vedere i tag ma poi se non ne trovo nessuno per quel post che mi interessa, posso volerlo richiudere</p> <p>Fammi sapere qualcosa </p> http://www.wordpress-it.it/forum/topic/9227#post-37775 Mer, 26 Nov 2008 02:19:28 +0000 talksina 37775@http://www.wordpress-it.it/forum/ <p>e la class="tags" la devo mettere, prima del php the_tags, giusto?<br /> Domani mattina...cioè stamattina oramai, 26 novembre 2008 :) ci provo </p> http://www.wordpress-it.it/forum/topic/9227#post-37773 Mer, 26 Nov 2008 01:05:37 +0000 mrbrown 37773@http://www.wordpress-it.it/forum/ <p>allora prova a mettere in <strong>header.php</strong> queste righe</p> <p><code><br /> &lt;script type="text/javascript" src="&lt;?php bloginfo('wpurl'); ?&gt;/wp-includes/js/jquery/jquery.js"&gt;&lt;/script&gt;<br /> &lt;script type="text/javascript"&gt;<br /> jQuery(document).ready(function() {<br /> jQuery('#slickbox').hide(); // nasconde il box dei tag al caricamento della pagina<br /> jQuery('a#slick-toggle').click(function() {<br /> jQuery('#slickbox').toggle(400);<br /> return false;<br /> });<br /> });<br /> &lt;/script&gt;<br /> </code></p> <p>e nel file dove mostri i tag, metti</p> <p><code>&lt;link id="slick-toggle" href="#"&gt;Mostra tutti i tag&lt;/link&gt;</code><br /> <code><br /> &lt;div id="slickbox"&gt;<br /> &lt;?php<br /> _e("Tag:");<br /> the_tags('Tag ', ', ' , '');<br /> ?&gt;<br /> &lt;/div&gt;<br /> </code></p> <p>il codice l'ho preso da qui:</p> <p><a href="http://www.learningjquery.com/2006/09/slicker-show-and-hide" rel="nofollow">http://www.learningjquery.com/2006/09/slicker-show-and-hide</a></p> <p>Dovrebbe funzionare.<br /> Unica cosa, molto importante: siccome il forum qui interpreta il tag <strong>a</strong> e non ti mostra il codice giusto, devi sostituire il tag <strong>&lt;link&gt;</strong> nel mio esempio con il tag <strong>a</strong>. Spero di essermi spiegato. </p> http://www.wordpress-it.it/forum/topic/9227#post-37771 Mer, 26 Nov 2008 00:33:40 +0000 talksina 37771@http://www.wordpress-it.it/forum/ <p>Ciao, ripeto:<br /> lo screen reader non visualizza né visibility:hidden né display:none. Cioè: queste 2 regole CSS impediscono la visualizzazione a video, gli screen reader intercettano ciò che è a video perciò giustamente non visualizzano neanche gli elementi messi in queste regole. Tu vuoi fare, da quanto ho capito, un "interruttore" in JavaScript che può far apparire una classe differente a s econda se sia attivato o disattivato.<br /> Sarebbe forte che se uno ha cliccato su "mostra tags", da span style="display:none:" diventi span class="tags", mostra i tags e il link cambi nome in "nascondi tags" e se cliccato su nascondi tags, torni a visualizzarsi "mostra tags" sul link mentre i tag non si vedono + perché c'è il display:none.<br /> Sinceramente, non so la differenza tra display:none e visibility:hidden, per gli screen reader si comportano entrambi allo stesso modo.<br /> Il link del blog:<br /> <a href="http://www.ilviruscheparla.org" rel="nofollow">http://www.ilviruscheparla.org</a><br /> Legalmente è mio perché è stato il regalo di Natale fatto a un amico, è lui che scrive dentro però 'sta rogna tecnica non sapendo come risolverla la ha "girata" a me<br /> E' su tophost<br /> Se puoi, dacci una mano - grazie </p> http://www.wordpress-it.it/forum/topic/9227#post-37763 Mar, 25 Nov 2008 21:21:38 +0000 mrbrown 37763@http://www.wordpress-it.it/forum/ <p>Bisogna fare un toggle con javascript.<br /> Se mi dici quali stili vanno meglio per mostrare / nascondere il box dei tag ti butto giù qualche riga di codice.<br /> Per gli screenreader è meglio <code>display:none</code> oppure <code>visibility: hidden</code>?<br /> Let me know.</p> <p>ah, se mi segnali anche il link del sito dove vuoi mettere questa cosa, posso controllare quali librerie Javascript hai attive di default e sfruttare quelle che hai già nel blog, senza installare altre robe. </p> http://www.wordpress-it.it/forum/topic/9227#post-37755 Mar, 25 Nov 2008 17:57:54 +0000 talksina 37755@http://www.wordpress-it.it/forum/ <p>Ciao,<br /> ho un problema con i tag di WordPress.<br /> Il mio tema li visualizza così:<br /> <code>&lt;div class="meta"&gt;&lt;span class="tags"&gt;&lt;?php _e("Tag:");<br /> the_tags('Tag ', ', ' , ''); ?&gt;&lt;/span&gt;<br /> </code><br /> e i tags mi vengono chiaramente e giustamente visualizzati come links.<br /> Il problema sorge perché, chiaramente, tali tags impediscono a un utente non vedente con screen reader, di navigarsi i post in maniera chiara in quanto per passare da un post all'altro deve girare col tab tante volte quanti sono i tags, e i link vengono visualizzati uno sotto l'altro.<br /> Per la serie:<br /> titolo del post<br /> tags:<br /> tag1<br /> tag2<br /> tag3<br /> tag4<br /> tag5<br /> ...tag150...<br /> autore<br /> prime parole<br /> link: "continua a leggere"...<br /> dopo aver fatto invio:<br /> salta al contenuto con l'apposito link, poi di nuovo...titolo del post. tag1, tag2, tag3...e via dicendo, poi FINALMENTE il testo.<br /> Al che, uno, lo fa una volta ma la seconda non lo fa più!!!<br /> Io ho risolto il problema così:<br /> <code>&lt;div class="meta"&gt;&lt;span style="display:none"&gt;&lt;?php _e("Tag:");<br /> the_tags('Tag ', ', ' , ''); ?&gt;&lt;/span&gt;<br /> </code><br /> in pratica il display:none, non viene visualizzato dagli screen reader e da chi vede, ma fanno il loro lavoro di indicizzazione nei motori di ricerca, a quanto pare; io non li ho usati molto i tags ma da quel che so, servono per far trovare tutti i post che abbiano quella parola specifica.<br /> Per esempio se scrivi "post via email" sull'apposito box qua sul forum, trovi tutte le parole con quella dicitura.<br /> Io però volevo fare una cosa di questo genere:<br /> rendere cliccabile la parola "tags" o etichette poi vedo come tradurla...come link con tag a href="#" in pratica, che attivi una funzione che solo qualora si attiva il link faccia vedere i tags.<br /> tipo: "tags: fai invio per aprire la lista dei tag" che appena fai invio te la fa vedere con il codice appunto dei tag, e poi ti cambia il testo dicendo "fai invio per chiudere la lista dei tags" e l'ulteriore click te li rifà sparire.<br /> C'è qualcuno in grado di aiutarmi, che non sono tanto brava con l'ajax? Non ho trovato nessun plug-in che faccia al caso mio<br /> grazie </p>