Modificare il testo di un td da css.

[Filippo1980]

Ciao a tutti,
ho un problema con un vecchio sito che vorrei rendere un po' + accessibile rispetto a quello che è ora.
Vi spiego qual'è il problema, lavoro in una software house e qui hanno un portale interno per la gestione delle attività interne.
L'inizio del portale è datato nel lontano 2002 e inizialmente non era stato considerato quasi per niente il concetto di accessibilità.
Da poco tempo, purtroppo, sono costretto all'uso di screen reader e visto che gestisco io il portale interno sto facendo delle piccole migliorie per renderlo + accessibile.
Dopo questa premessa passo al problema che mi ha portato qui, come detto sin dall'inizio non era stato considerato un requisito fondamentale lo standard di accessibilità e i campi obbligatori dei form sono segnalati con un colore diverso passato dal foglio di stile.
Ora quello che vorrei fare è modificare la classe del foglio di stile per aggiungere un testo per segnalare il campo obbligatorio.
Ho cercato tramite google ma non ho trovato nulla.... ditemi che non ho cercato bene PLZ!
Grazie per l'aiuto che mi darete e scusate la lunghezza del post

[Mich_]

Nella tua domanda c'e` un po' di tutto, tranne quello che ci puo` servire per risponderti a tono.

1. Conosci le regole sull'accessibilita` dei siti Web (WCAG 1.0 del WAI/W3C e legge 4/04 e relativi decreti)? - vedi riferimenti tra i "link utili"

2. "Rendere piu` accessibile" vuol dire tutto e niente. Vuoi rendere accessibile il front-end (quello che viene visto dai navigatori), oppure anche il back-end (cioe` la parte di amministrazione)?

3. Ci sono dei CMS accessibili, alcuni anche con licenza free, ma non so se e` questo che stai chiedendo.

4. Se vuoi una modifica ad un codice, dovresti postare il codice (HTML + CSS + DOCTYPE).

[Filippo1980]

Originariamente inviato da Mich_
Nella tua domanda c'e` un po' di tutto, tranne quello che ci puo` servire per risponderti a tono.

1. Conosci le regole sull'accessibilita` dei siti Web (WCAG 1.0 del WAI/W3C e legge 4/04 e relativi decreti)? - vedi riferimenti tra i "link utili"

2. "Rendere piu` accessibile" vuol dire tutto e niente. Vuoi rendere accessibile il front-end (quello che viene visto dai navigatori), oppure anche il back-end (cioe` la parte di amministrazione)?

3. Ci sono dei CMS accessibili, alcuni anche con licenza free, ma non so se e` questo che stai chiedendo.

4. Se vuoi una modifica ad un codice, dovresti postare il codice (HTML + CSS + DOCTYPE).

LOL come al mio solito non sono riuscito a spiegarmi...
Il portale di cui parlo è il back end utilizzato esclusivamente dall'interno per gestire tutte quelle informazioni utili all'amministrazione della stessa società.
Detto questo, non è utile pensare di cambiarlo con un altro o rifarlo da 0 perchè a parte qualche problema che trovo iocon gli screen readers, funziona bene e sarebbe una perdita di tempo inutile rifarlo tutto.
Quello che sto cercando di fare è aggiungere delle piccole migliorie per quanto riguarda la divisione tra applicazioni e grafica (come da W3C) ma senza rivoluzionare tutto anche perchè lo sto facendo nei ritagli di tempo, nessuno me lha chiesto...
Se dovessi renderlo compatibile con lo standard WAI veramente dovrei rifarlo da0 visto che è strutturato tutto a tabelle e fino a poco tempo fa aveva anche uonaparte della grafica dentro i tag html (ma quelli li ho tolti grazie ad un progetto per riusare il portale per dei clienti)...
Detto questo ripeto la mia domanda, è possibile inserire un testo in un tag html tramite css?
Il codice vi sarebbe inutile consistendo iun td con la label di un campo inserito in un form con una classe del css che semplicemente modifica il colore del testo per differenziare i campi obbligatori da quelli opzionali...
Grazie ancora per l'interessamento e spero di essermi spigato meglio questa volta

[EDIT:] Ecco, mi stavo dimenticando un'altra precisazione, se qualcuno si chiedesse perchè non vado semplicemente a modificare i form aggiungendo, ad esempio, un asterisco vicino ai campi obbligatori, ecco sappia che sitratterebbe di modificare circa 100 pagine jsp, mentre la soluzione che cerco, sempre se fattibile, poterebbe alla modifica di un singolo css visto che è unico per le 30 applicazioni inserite nel portale.
Spero di non dover modificare tutte le pagine altrimenti lascio perdere, tanto io so quali sono i campi obbligatori LOL

[Mich_]

è possibile inserire un testo in un tag html tramite css?

In teoria si`, ma dipende dal tipo di testo che devi inserire; in pratica dipende dal browser che usi, dato che non tutti supportano contenuto generato.

L'attributo CSS da usare e` content, che puoi inserire negli pseudoelementi :before ed :after. Nel tuo caso credo che dovrai anche posizionare gli pseudoelementi, cosa possibile ma non banale (e` necesasrio conoscere bene il posizionamento, ad esempio vedi gli articoli I posizionamenti assoluti e Capire i posizionamenti relativi).

Un esempio dell'uso del content e di :after lo trovi in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float dove pero` e` usato per scopi diversi ed e` nascosto.

[Filippo1980]

Originariamente inviato da Mich_
In teoria si`, ma dipende dal tipo di testo che devi inserire; in pratica dipende dal browser che usi, dato che non tutti supportano contenuto generato.

L'attributo CSS da usare e` content, che puoi inserire negli pseudoelementi :before ed :after. Nel tuo caso credo che dovrai anche posizionare gli pseudoelementi, cosa possibile ma non banale (e` necesasrio conoscere bene il posizionamento, ad esempio vedi gli articoli I posizionamenti assoluti e Capire i posizionamenti relativi).

Un esempio dell'uso del content e di :after lo trovi in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float dove pero` e` usato per scopi diversi ed e` nascosto.

mmm interessante, peccato che dovendo modificare le pagine jsp a questo punto mi conviene più semplicemente aggiungere un testo (al max nascosto a tutti tranne a chi usa screen reader utilizzando una classe con stile display:none aggirata dai suddetti programmi )
In compenso il sapere che,pensato sin dall'inizio, sia possibile modificare del testo utilizzando dei css è decisamente utile grazie ancora per l'aiuto!

[Mich_]

Che mi risulti il display:none non dovrebbe venir letto dagli screen reader.
Inoltre il sito viene penalizzato dai motori di riecerca.

Dovresti usare altre tecniche, tipo il margine negativo al testo, o lo spostamento dello <span>.

Comunque esistono anche i tooltip, supportati da ormai tutti i browser: si ottengono con l'alt nelle <img> o i title nei link (a seconda del browser). E` anche lo standard per rendere accessibili immagini e link.