Wikipedia:Bar/Discussioni/Novità per la visualizzazione dei diff

Da circa un mese a questa parte, in un'altra discussione qui al bar stiamo discutendo dell'inadeguatezza degli attuali colori per la visualizzazione dei diff (giallino e blu chiaro), soprattutto per modifiche di caratteri piccoli come questa. Con questa discussione vorrei riassumere brevemente a tutti gli utenti cosa è stato detto e invitare tutti a partecipare alla fase di test.

Idee iniziali

Inizialmente si è giunti a 2 principali proposte di colori: rosso o  giallo  per le rimozioni, verde o nero (con testo giallo) per le aggiunte. Si è tuttavia delineato un problema non indifferente: i colori più chiari favoriscono la lettura su testi lunghi, quelli più scuri evidenziano meglio le stringhe più brevi, e non si è trovato un colore "mediano" che andasse bene per entrambi i casi. È stato allora proposto di utilizzare un semplice codice in javascript per evidenziare i testi lunghi con un colore chiaro e quelli brevi con uno scuro, senza tuttavia trovare ancora una coppia di colori più adatta di altre.

Proposta alternativa

Così si è giunti alla proposta di implementare un accessorio nel quale ogni utente potesse personalizzare i propri colori in modo da adattarli alle proprie esigenze, senza necessità di alcuna conoscenza tecnica. Per motivi tecnici e di semplicità, alla fine il suddetto accessorio si è trasformato in uno strumento esterno, utilizzabile a questo link e avente la propria pagina di riferimento in Aiuto:Diff/Accessibilità. L'idea è quella di lasciare ogni utente libero di cercare la combinazione ottimale, e a seguito di questo periodo di test (che all'incirca durerà qualche settimana) raccogliere i pareri degli utilizzatori per impostare dei nuovi colori di default che possano adattarsi al maggior numero possibile di persone. Rimarrà ovviamente possibile continuare a personalizzare i propri colori con lo strumento di cui sopra.

Scopo di questa discussione è appunto quello di informare tutti di questa importante novità e di invitarvi ad utilizzare lo strumento e ad esprimere feedback sul suo funzionamento; quando sarà il momento, dovrete anche (sempre se vorrete) segnalare le scelte da voi fatte in una apposita pagina o sezione di questa discussione.

Poiché anche con questa discussione non è garantita la massima partecipazione, ho pensato di inserire un piccolo bannerino in testa a tutte le pagine di diff che invita gli utenti ad esprimere le proprie preferenze. Per capire di cosa parlo, dovrete inserire uno dei codici qui sotto nel vostro common.js e andare su un qualunque diff.

Il codice di base, proposto da Horcrux92 è il seguente:

Bozza di avviso

var tables = document.getElementsByTagName('table');
for (var i = 0; i < tables.length; i++) {
	if (tables[i].classList.contains('diff')) {
		var newTable = document.createElement('table');
		newTable.innerHTML = '<tr><td class="avviso-testo">Attenzione: è in corso la sperimentazione di un nuovo stile per la visualizzazione dei diff. Per favore, vedi <a href="/wiki/Aiuto:Diff/Accessibilità" title="Aiuto:Diff/Accessibilità">qui</a> le modifiche proposte e lascia un feedback per far sapere il tuo parere.</td></tr>';
		newTable.classList.add('avviso');
    	tables[i].parentNode.insertBefore(newTable, tables[i]);
    	break;
	}
}

Quello che segue è invece un mio riadattamento del codice sopra che mette un po' più in risalto l'avviso, cambiando qualche parolina e centrandolo:

Codice v2

var tables = document.getElementsByTagName('table');
for (var i = 0; i < tables.length; i++) {
	if (tables[i].classList.contains('diff')) {
		var newTable = document.createElement('table');
		newTable.innerHTML = '<tr><td class="avviso-testo" style="text-align:center"><b>Attenzione</b>: è in corso la sperimentazione di un nuovo stile per la visualizzazione dei diff. Per favore, vedi <a href="/wiki/Aiuto:Diff/Accessibilità" title="Aiuto:Diff/Accessibilità">qui</a> le modifiche proposte e lascia un feedback: il tuo parere è importante per la ricerca di nuovi colori predefiniti.</td></tr>';
		newTable.classList.add('avviso');
		newTable.style.border="2px solid red";
    	tables[i].parentNode.insertBefore(newTable, tables[i]);
    	break;
	}
}

Se ci fosse consenso, l'idea è quella di inserire il codice sopra nel common.js principale, in modo da renderlo visibile a tutti gli utenti per il periodo di test. --Daimona Eaytoy (Scrivimi!) 14:00, 24 giu 2017 (CEST)

Per completezza, ecco come verrebbe visualizzato il bannerino (a parte lo stile, che è modificabile):

Come vedete, non è affatto invasivo, ed è rivolto solo ad utenti più o meno esperti che sappiano visualizzare un diff. Se non ci sono obiezioni su questo utilizzo un po' inusuale del javascript, io sarei favorevole, visto che è per un periodo relativamente breve. --Horcrux_九十二 14:17, 24 giu 2017 (CEST)

Io sono d'accordo, anche perché resterebbe visibile solo per il periodo necessario. Delle due versioni, la seconda di Daimona Eaytoy mi pare leggermente più evidente, quindi preferibile--Parma1983 14:22, 24 giu 2017 (CEST)

Preciso che ho segnalato questo pezzo di discussione anche qui. Comunque sia la mia che, soprattutto, quella di Horcrux sono versioni non definitive, giusto per dare ad ognuno l'idea del risultato finale, che poi potrà anche essere un po' diverso.--Daimona Eaytoy (Scrivimi!) 14:30, 24 giu 2017 (CEST)

Senz'altro, prima di perdere tempo per la versione definitiva tanto vale vedere se si raggiunge il consenso all'inserimento. Già così comunque mi pare ben impostato--Parma1983 14:39, 24 giu 2017 (CEST)

Entrambe le proposte di colori sono inadeguate, l'una per i daltonici e l'altra per il contrasto. I colori usati da MediaWiki sono stati scelti in seguito a una lunga discussione con varie considerazioni tecniche, rimando a mw:MediaWiki_1.20#Diff per alcuni puntatori. Nemo 20:11, 24 giu 2017 (CEST)

Che siano inadeguate è da vedere. Da daltonico (seppur lievemente) ti dico che il rosso e verde non danno problemi, in primis perché il daltonismo non è solo tra rosso e verde, in secundis perché non vanno distinti fra sé ma rispetto al nero delle lettere e al bianco dello sfondo, e non sono peggio di tanti altri colori. E per quanto riguarda il nero/giallo, te lo saprà spiegare meglio [@ Lucas] che fece a suo tempo la proposta, ma è una combinazione di colori appositamente pensata per avere il contrasto massimo in base a non so quale studio, quindi non credo possa avere problemi di contrasto. L'idea è quella di lasciare ognuno libero di personalizzarsi i colori proprio per suoi eventuali problemi, e si opterebbe per un nuovo default solo se ci fosse consenso. P.S. Ho provveduto a indentarti correttamente l'intervento ;-)--Daimona Eaytoy (Scrivimi!) 20:32, 24 giu 2017 (CEST)

Aggiungo a quanto scritto da Daimona Eaytoy che il rosso e il verde erano stati proposti, oltre che per altri motivi, anche perché sono i colori utilizzati nella versione mobile--Parma1983 22:28, 24 giu 2017 (CEST)

Scusate l'assenza, in questi giorni mi connetto poco e ho letto velocemente gli arretrati. Per ora ho solo un'osservazione sulla lista dei caratteri piccoli: non so se ho capito bene ma mi pare che si siano inclusi anche caratteri tipo come parentesi, barre verticali, e simili, ma secondo me non dovrebbero essere compresi visto che sono identificabili in modo analogo a un normale carattere e dunque non ha senso distinguerli da essi. Dovremmo includere solo quelli realmente piccoli, oltre a punti, virgole, apici, direi ok per i due punti e il punto e virgola e forse il meno. --ArtAttack (msg) 11:21, 25 giu 2017 (CEST)

┌────────────────────────────────────────────────────────────────────────────────────────────────────┘[@ ArtAttack] Non c'è problema. Sì, hai capito bene, la lista è presente in Aiuto:Diff/Accessibilità. Sinceramente non so se sia meglio includerli tutti o no, ma potrei aggiungere un opzione per definire i caratteri piccoli in base a due preset, qualcosa del genere. Oppure aggiungere un campo opzionale in cui l'utente può inserire la propria lista di caratteri piccoli, se non gli va bene il default.--Daimona Eaytoy (Scrivimi!) 12:06, 25 giu 2017 (CEST)

Che la versione mobile usi i vecchi colori di MediaWiki pre-1.20 è un noto baco, segnalato da tempo: prima o poi si adegueranno alle buone prassi di MediaWiki core, che prevale sulle estensioni. Daimona Eaytoy, lo so che ci sono vari tipi di daltonismo, i colori attuali sono un compromesso per andare bene a tutti. Nemo 17:14, 25 giu 2017 (CEST)

Non metto in dubbio che i colori attuali nascano da lunghe e complesse discussioni; tuttavia è palese che tali colori non vadano bene a tutti, anzi rendano difficile la lettura di alcuni diff, come emerso nell'altra discussione. Proprio per questo stiamo cercando di offrire a tutti la possibilità di personalizzarsi i colori in modo da facilitare la visione in qualsiasi condizione. Se poi i colori più adatti risultano quelli attuali ben venga, ma sicuramente non per tutti è così, altrimenti non saremmo qui a parlarne. P.S. [@ Horcrux92] La richiesta per il bannerino è stata fatta (e segnalata qui) più di 24 ore fa e mancano ancora altri pareri. Credo che sia il caso (non per forza subito) di essere bold e inserire il banner; è, suppongo, l'unico modo per sapere se ci sono pareri contrari.--Daimona Eaytoy (Scrivimi!) 18:30, 25 giu 2017 (CEST)