Inserire testo nel tag alt= delle immagini in caselle testo 
Autore: Fiorenzo Z.
Visite 2690,
Followers 2,
Condiviso 0
Se inserisco un'immagine dentro una casella di testo, non trovo modo di inserire il testo alternativo tra le virgolette dell'indicatore alt="" anche se questo è presente nel codice generato. Essendo un valore vuoto, non posso presentare le pagine per la validazione in merito all'accessibilità. Infatti gli screen readers per non vedenti, tipo "Jaws" non sono in grado di tracciare l'immagine e descriverla vocalmente. C'è un modo per popolare gli indici alt="" delle immagini dentro le caselle di testo ? Ho l'ultima versione di WebsiteX5 Evolution 10 full.
Postato il
Devi inserire la descrizione nelle proprietà immagini -> Testo alternativo
Autore
Grazie per la risposta, però quello non è il contenuto della mia domanda. Io sto chiedendo di inserire del testo nel tag alt= ma in immagini ALL'INTERNO DI CASELLE DI TESTO. Se trascini sulla pagina e apri una casella di testo "T" puoi inserire, oltre che del testo, anche per esempio un'icona esplicativa, per esempio un'icona di Adobe Reader che indica un collegamento ad un file pdf. Nell'editor della casella, dove si scrive il testo da mostrare sulla pagina, ci sono anche dei semplici pulsanti di formattazione per le immagini, con tanto di minuscola icona
nella barra in alto, mentre nella barra sottostante ci sono i seguenti comandi: Disponi testo a destra, Disposizione normale, Disponi il testo a sinistra. Questo editor su cui sto scrivendo per esempio è più completo, perché della micro immagine con il pulsante che ho inserito per meglio farmi capire ho potuto aggiungere le informazioni alt= e title=, mentre nella casella di testo di Incomedia WebsiteX5 Evolution questo non è consentito, se non utilizzando specificamente una casella Immagine. Ma così la formattazione della pagina che ho in mente si complica esageratamente.
quello che tu chiedi è un'altra cosa e più propriamente le immagini inserite nell'oggetto testo. In questo caso non è possibile inserire la proprietà alt in quanto non prevista dall'editor. L'unica alternativa è quella dell'oggetto immagine e poi in altra cella inserisci il testo.
Autore
Esatto, quello chiedevo. Ho visto. Peccato, però.
Grazie lo stesso.
Autore
Egregi signori, ho risolto. Si tratta di mettere qualche riga di codice invece di trascinare l'immagine nel riquadro dell'editor, usando poi il comando "Abilita codice HTML" con l'icona </> nella barra in alto dell'editor della casella di testo. Ecco un esempio:
<img src="images/logo-adobe-reader.jpg" width="120" height="120" class="fleft" style="float: left; margin-right: 20px; width: 120px; height: 120px;" alt="Click qui per scaricare Adobe Reader" title="Adobe Reader"/> inserito nel link <a href=... della pagina di download del programma di Adobe per leggere i pdf. Naturalmente nella cartella images ci deve essere il logo dal titolo "logo-adobe-reader.jpg" (senza virgolette, ovviamente). Il comando class=fleft tiene l'immagine sulla sinistra della casella di testo. Il comando style float:left permette al testo di posizionarsi vicino all'immagine, alla sua sinistra; il comando margin-right:20px lo tiene a debita distanza dall'immagine ( nel mio esempio 20 pixel, appunto). Width e Height determinano le dimensioni in pixel dell'icona di Adobe utilizzata.
Ciao Fiorenzo,
mi chidevo una cosa: trovo la tua soluzione molto buona, ma essendo quasi all'asciutto di codice.. pensavo che in un sito pieno di situazioni simili, sarebbe un problema andare a mettere manualmente le immagini nella cartella per fare in modo che il codice che inserisci funzioni... poi se si deve aggiornare spesso... è na faticaccia.
Pensavo: invece di scrivere tutto il codice per intero come hai fatto tu dicendo al programma dove e come prendere l'immagine... non si potrebbe inserire l'immagine normalmente nella casella di testo e scriverci vicino qualche riga di codice con in vari attributi e clausole?
In questo modo la/le immagini verrebbero caricate nella cartella di default del programma, ed il codice aggiuntivo darebbe tutto il resto. se per caso ci provi mi faresti sapere per favore?
Io ho appena iniziato a studiare il codice html, ma mi viene un po ostico.... e nn sarei in grado perchè attualmente sono troppo ignorante in materia di stringhe...
ciao a presto.
ciao Salvatore,
... c'è un metodo semplicissimo, da me ideato tanti anni fa sulle precedenti versioni, tramite il mio brevetto del Copia/Incolla...
... non essendo attualmente in condizioni di verificare, il test potresti farlo tu...
1 ... in una pagina NASCOSTA inserisci l'oggetto TESTO, e lo riempi di immagini e testo, ai quali assegnerai dei LINK;
2 ... avvia l'Anteprima, apri la pagina in HTML, ed individuane il codice relativo a quell'oggetto, facilmente identificabile dalle voci testuali presenti;
3 ... seleziona i codice interessato, del tipo del precedente post, lo COPI con il destro del mouse o con Ctrl+C;
4 ... nella pagina el Sito dove deve apparire quel testo, inserisci un oggetto HTML&WIDGETS, assegnandogli misure congrue a quelle del testo della pagina NASCOSTA, e nel pannello HTML effettua INCOLLA col destro del mouse, o Ctrl+V;
5 ... adesso puoi personalizare quel codice, assegnando attributi ALT e TITLE come ti pare a te, e/o modificare quello che vuoi;
6 ... avvia nuovamente l'Anteprima e verificane il risultato ottenuto, valutando eventuali aggiustamenti da aportare al codice o all'oggetto contenitore...
... ...
... semplicissimo, è solo un Copia/Incolla che impegnerebbe massimo per due secondi...
.
... il metodo Copia/Incolla specificato, nelle precedenti versioni del programma, aveva funzionato per tutti gli oggetti, Flash, Gallerie, Testi, Slideshow, Menu, FormMail, ecc., per cui utilissimo per personalizzazioni estreme all'interno del programma stesso, senza conoscere alcun codice, risolvendo varie decine di casi richiesti...
.
ciao, KolAsim