Utente:Patafisik/Firma
- Test accessibilità
Firma attuale
[modifica | modifica wikitesto]Bisogna stare sopra a 4.5:1 di contrast color.
Mia firma attuale con , che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 2.1:1#ffffee(giallastro) 2.08:1#eeffee(verdognolo) 2.02:1#f5fafa(grigetto) 1.99:1#f1f1f1(grigetto) 1.86:1#ffeeee(rossastro) 1.87:1#f0eeff(bluetto) 1.84:1#202122(neretto) dà 7.66:1 (col dark mode è l'unico valore accessibile).
Mia firma attuale con , che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 2.16:1#ffffee(giallastro) 2.14:1#eeffee(verdognolo) 2.08:1#f5fafa(grigetto) 2.05:1#f1f1f1(grigetto) 1.92:1#ffeeee(rossastro) 1.93:1#f0eeff(bluetto) 1.89:1#202122(neretto) dà 7.43:1 (col dark mode è l'unico valore accessibile).
- Dal punto di vista dei colori questa firma non è assolutamente accessibile.
Valutare anche l'ascolto di Pątąfişiķ:
- testando con funzione audio di DeepL è accettabile. (ma è valido?)
Test 1
[modifica | modifica wikitesto]Test 1 con , che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 5.57:1#ffffee(giallastro) 5.52:1#eeffee(verdognolo) 5.35:1#f5fafa(grigetto) 5.29:1#f1f1f1(grigetto) 4.93:1#ffeeee(rossastro) 4.97:1#f0eeff(bluetto) 4.88:1#202122(neretto) dà 2.89:1 (verrà usato un altro colore con la modalità scura?)
Test con , scelto da palette[2], che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto#ffffee(giallastro) 3.87:1#eeffee(verdognolo) 3.76:1#f5fafa(grigetto) 3.71:1#f1f1f1(grigetto) 3.46:1#ffeeee(rossastro) 3.48:1#f0eeff(bluetto) 3.42:1#202122(neretto) dà 4.11:1 (verrà usato un altro colore con la modalità scura?)
- Dal punto di vista dei colori questa firma non è sufficientemente accessibile (alcuni test passati, altri no).
Test 2
[modifica | modifica wikitesto]Test 2 con , che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 5.57:1#ffffee(giallastro) 5.52:1#eeffee(verdognolo) 5.35:1#f5fafa(grigetto) 5.29:1#f1f1f1(grigetto) 4.93:1#ffeeee(rossastro) 4.97:1#f0eeff(bluetto) 4.88:1#202122(neretto) dà 2.89:1 (verrà usato un altro colore con la modalità scura?)
Test con , scelto da palette con doppio passaggio[3][4], che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 4.7:1#ffffee(giallastro) 4.66:1#eeffee(verdognolo) 4.52:1#f5fafa(grigetto) 4.46:1#f1f1f1(grigetto) 4.16:1#ffeeee(rossastro) 4.19:1#f0eeff(bluetto) 4.12:1#202122(neretto) dà 3.42:1 (verrà usato un altro colore con la modalità scura?)
- Dal punto di vista dei colori questa firma non è sufficientemente accessibile (alcuni test passati, altri no).
Test 3
[modifica | modifica wikitesto]Test 3 con , che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 5.57:1#ffffee(giallastro) 5.52:1#eeffee(verdognolo) 5.35:1#f5fafa(grigetto) 5.29:1#f1f1f1(grigetto) 4.93:1#ffeeee(rossastro) 4.97:1#f0eeff(bluetto) 4.88:1#202122(neretto) dà 2.89:1 (verrà usato un altro colore con la modalità scura?)
Test con , scelto da palette con doppio passaggio[5][6], che applicato su sfondo dà[1]:
#ffffff(bianco) dà contrasto 6.66:1#ffffee(giallastro) 6.6:1#eeffee(verdognolo) 6.4:1#f5fafa(grigetto) 6.33:1#f1f1f1(grigetto) 5.9:1#ffeeee(rossastro) 5.94:1#f0eeff(bluetto) 5.83:1#202122(neretto) dà 2.41:1 (verrà usato un altro colore con la modalità scura?)
- Dal punto di vista dei colori questa firma è accessibile (tranne in modalità scura).
Test 4
[modifica | modifica wikitesto]Firma d'origine, ma circondata da uno sfondo scuro per renderla accessibile. --Pątąfişiķ
Test con che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 4.48:1
Test con che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 4.61:1
Test 5
[modifica | modifica wikitesto]Firma d'origine schiarita e circondata da uno sfondo scuro per renderla accessibile. --Pątąfişiķ
Test con , scelto da palette con doppio passaggio[7][8] che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 4.96:1
Test con , scelto da palette con doppio passaggio[9][10], che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 4.86:1
Dal punto di vista dei colori questa firma è accessibile (lo sarebbe anche in modalità scura se non alterasse il colore).
- MA PURTROPPO in modalità scura il colore cambia automaticamente (non chiaro il criterio)
Test con che applicato su sfondo dà[1]:
#adbbd0dà contrasto 4.34:1
Test con che applicato su sfondo dà[1]:
#adbbd0dà contrasto 4.5:1
Test 6
[modifica | modifica wikitesto]Firma con colori più contrastati su sfondo scuro per renderla accessibile. --Pątąfişiķ
Test con che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 5.13:1
Test con che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 7.02:1
Dal punto di vista dei colori questa firma è accessibile (lo sarebbe anche in modalità scura se non alterasse il colore).
- MA PURTROPPO in modalità scura il colore cambia automaticamente (non chiaro il criterio)
Test con che applicato su sfondo dà[1]:
#adbbd0dà contrasto 4.77:1
Test con che applicato su sfondo dà[1]:
#adbbd0dà contrasto 7.91:1
✔ Accessibile in tutti i modi.
Test 7
[modifica | modifica wikitesto]Firma con colori più contrastati su sfondo scuro per renderla accessibile. --Pątąfişiķ --Pątąfişiķ
Test con che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 7.24:1
Test con che applicato su sfondo dà[1]:
#37455a(blu navy scuro) dà contrasto 7.45:1
Dal punto di vista dei colori questa firma è accessibile (lo sarebbe anche in modalità scura se non alterasse il colore).
- MA PURTROPPO in modalità scura il colore cambia automaticamente (non chiaro il criterio)
Test con che applicato su sfondo dà[1]:
#adbbd0dà contrasto 7.59:1
Test con che applicato su sfondo dà[1]:
#adbbd0dà contrasto 8.33:1
✔ Accessibile in tutti i modi.
Note
[modifica | modifica wikitesto]- ^ a b c d e f g h i j k l m n o p q r s t u v https://color.a11y.com/ContrastPair/
- ^ https://www.color-hex.com/color/54698a
- ^ https://www.color-hex.com/color/54698a
- ^ https://www.color-hex.com/color/5e7c4b
- ^ https://www.color-hex.com/color/54698a
- ^ https://www.color-hex.com/color/5e7c4b
- ^ https://www.color-hex.com/color/7fbade
- ^ https://www.color-hex.com/color/8bc0e1
- ^ https://www.color-hex.com/color/7fbade
- ^ https://www.color-hex.com/color/e2ac8b