Stile di <code><ins></code> e <code><del></code>

Contribuisci UX
1

Sarebbe possibile aggiungere lo stile seguente per \u0026lt;ins\u003e e \u0026lt;del\u003e?

ins { text-decoration: underline; }
del { text-decoration: line-through; }

Esempio:

\u003e Ma piano, quale luce attraverso \u003cdel\u003equella\u003c/del\u003e\u003cins\u003elà\u003c/ins\u003e finestra irrompe?

Il rosso per le cancellazioni e il verde per le inserzioni sono convenzioni molto consolidate. Anche le funzionalità dei word processor, come il Controllo modifiche di Word, utilizzano universalmente sottolineature e barrature. Lo stesso fa il foglio di stile predefinito del mio browser Chrome. Ma sui forum di Discourse vedo solo testo con sfondo colorato.

Sospesto che il reset CSS di Discourse lo stia sovrascrivendo.

6 Mi Piace
2

Affidarsi solo al colore è un po’ difficile per le persone con daltonismo rosso-verde, quindi anche questo potrebbe essere d’aiuto… esempio simulato:

Screen Shot 2021-11-02 at 1.30.56 PM

5 Mi Piace
3

Suppongo che valga anche la pena considerare se l’indicatore di colore debba essere background, color o entrambi.

2 Mi Piace
4

Quindi stai suggerendo che usiamo sia il colore che la sottolineatura / barrato qui? Per me va bene, @awesomerobot se vuoi includerlo sembra una modifica piccola e facile.

1 Mi Piace
5

La norma in ambito legale è testo verde e sottolineatura per le inserzioni e testo rosso e barrato per le cancellazioni. Credo che il diff di testo di GitHub utilizzi uno sfondo verde e la sottolineatura per le inserzioni e uno sfondo rosso e il barrato per le cancellazioni.

Consiglierei vivamente di combinare colore e decorazione del testo. Non ho un’opinione forte sul fatto che colorare il testo, lo sfondo o entrambi, purché l’approccio per inserzioni e cancellazioni sia lo stesso.

Potrebbe anche valere la pena pensare alla modalità scura. Ho appena visualizzato un diff di testo di GitHub ed è difficile vedere lo stile sullo sfondo grigio della modalità scura.

3 Mi Piace
6

Per me va bene, se @awesomerobot è favorevole, facciamolo!

4 Mi Piace
9

Ho notato che GitHub fa solo sottolineatura e barratura per <ins> e <del> nei commenti. Ma posso confermare che mi manca davvero il colore. È difficile individuare tutte le modifiche a un grosso blocco di contenuto a colpo d’occhio senza gli indizi cromatici.

4 Mi Piace
10

Ancora a favore. Se @awesomerobot è d’accordo, facciamolo.

2 Mi Piace
11

Questo avrebbe un impatto su tutti? Li uso per evidenziare. LOL

4 Mi Piace
12

Tutti ne sarebbero influenzati, ma <mark> funziona anche per <mark>evidenziare</mark>!

Penso che dovremmo fare sia lo stile del colore che quello del testo; ci arriveremo, è solo una bassa priorità.

3 Mi Piace
13
8 Mi Piace
14

Vero, ma il verde e il rosso offrono più opzioni. Potrebbe essere un’impostazione per evidenziare solo o aggiungere stile al testo?

Li ho usati parecchio nei blog. Li cambierà completamente.

esempio:

image
image711×116 18.8 KB

2 Mi Piace
15

Kris dovrà confermare al 100%, ma sono sicuro al 99% che possiamo sovrascrivere rapidamente il nuovo sottolineato/barrato tramite un componente del tema sul tuo sito.

3 Mi Piace
16

Sì, assolutamente! Aggiornerò il tuo tema in modo che non ci siano modifiche!

4 Mi Piace
17

Forse @ThunderThighs gradirebbe degli stili per mark.red, mark.green, mark.blue, e così via?

Molti amici che usano gli evidenziatori apprezzano averne diversi colori.

Potresti anche considerare il contenuto :before e :after per gli screen reader se la codifica dei colori è importante. Altrimenti, capisco che molti screen reader non pronunciano i tag mark, ma solo il loro contenuto.

5 Mi Piace