Comunidad de diseño web y desarrollo en internet online

Check my Colours!

Citar            
MensajeEscrito el 24 Ene 2012 05:25 pm
Si quieres presumir de web accesible no basta con tener todas las etiquetas ALT puestas en tus imágenes, también es necesario cumplir una serie de requisitos respecto al color, contraste y brillo. :cool:

Por eso, si quieres comprobar cuanto accesible respecto al color es tu web:

Check My Colours

Probé Cristalab, y ¡no está mal!

  • Testing done on 400 elements
  • Luminosity Contrast Ratio: 6 failures
  • Brightness difference: 3 failures
  • Color difference: 6 failures


Información complementaria:
WAI - WCAG 1.0 - WCAG 2.0

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

chrome
Citar            
MensajeEscrito el 25 Ene 2012 03:25 am
Quizá el botón en honor a Mx sea una penalización, y diría que otra por los recuadros azules ultra claros de los posts, no se me ocurren más.

Por Lexas

1207 de clabLevel

7 tutoriales

Genero:Femenino   Desarrollador de GAIA Premio_Secretos

Ilustración y desarrollo de software

firefox
Citar            
MensajeEscrito el 25 Ene 2012 02:18 pm
Todas las web que he puesto ninguna sale perfecta, siempre hay errores.

Por torrealbaruben

Claber

1051 de clabLevel

4 tutoriales

Genero:Masculino  

Front-end developer

chrome
Citar            
MensajeEscrito el 25 Ene 2012 02:43 pm
Solo sale perfecta la de ellos... XD

Por Blackdragon

Claber

3776 de clabLevel

24 tutoriales

Genero:Masculino   Premio_Secretos Héroes

In one of the pits of hell, fighting for my soul

firefox
Citar            
MensajeEscrito el 25 Ene 2012 06:05 pm

Blackdragon escribió:

Solo sale perfecta la de ellos... XD

jajajajaja, :lol: :lol: :lol:

Por Keith_NT

451 de clabLevel

3 tutoriales

 

México, Estado de México

chrome
Citar            
MensajeEscrito el 25 Ene 2012 10:46 pm
nunca van a salir perfectas porque ya que lo veo, también toma en cuenta el color de los campos ocultos.

Por Lexas

1207 de clabLevel

7 tutoriales

Genero:Femenino   Desarrollador de GAIA Premio_Secretos

Ilustración y desarrollo de software

firefox
Citar            
MensajeEscrito el 26 Ene 2012 12:18 pm
Bueno, pero de lo que se trata es comprobar la accesibilidad en cuanto a los colores se refiere, para casos como daltonismo, y para eso es una buena herramienta. :)

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

chrome
Citar            
MensajeEscrito el 26 Ene 2012 02:05 pm
no, no es una buena herramienta, es pobrisima en información, no dice q parámetros usa para el análisis eso de q analice elementos ocultos esta muy mal, y por lo q yo se de color según Borggrafe texto blanco sobre fondo negro esta como en el décimo lugar en legibilidad

Por penHolder

Claber

4661 de clabLevel

39 tutoriales
2 articulos

Genero:Masculino   Premio_Secretos

| mdz |

chrome
Citar            
MensajeEscrito el 26 Ene 2012 03:24 pm
es demasiado básico el análisis que hace, por ejemplo si tienes un clearfix sobre fondo oscuro, te lo marca como error, así el div no se vea, la mayoría de errores que bota son de ese tipo, así que es muy poco fiable esa herramienta.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 26 Ene 2012 05:11 pm

penHolder escribió:

no, no es una buena herramienta, es pobrisima en información, no dice q parámetros usa para el análisis eso de q analice elementos ocultos esta muy mal, y por lo q yo se de color según Borggrafe texto blanco sobre fondo negro esta como en el décimo lugar en legibilidad


Si que lo dice que parámetros usa :bate: :

check my colours escribió:



It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.
All the tests are based on the algorithms suggested by the World Wide Web Consortium (W3C).

Luminosity Constrast Ratio (WCAG 2.0)

(L1+.05) / (L2+.05) where L is luminosity and is defined as .2126*R + .7152*G + .0722B using linearised R, G, and B values. Linearised R (for example) = (R/FS)^2.2 where FS is full scale value (255 for 8 bit color channels). L1 is the higher value (of text or background) and L2 is the lower value.

Text or diagrams and their background must have a luminosity contrast ratio of at least 4.5:1 for level 2 conformance to guideline 1.4, and at least 7:1 for level 3 conformance to guideline 1.4.

Color brigthness (WCAG 1.0)

((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
The range for color brightness difference is 125.
The range for color difference is 500.


Además no es un analizador de accesibilidad, sólo es del color fondo-texto Y si un elemento está oculto, no quiere decir que en algún momento no deje de estarlo. :latigo:

Pero si lo que quieren es analizar su web:
http://www.tawdis.net/

Si pasan el taw son oficialmente paralímpicos... ^^

Repito, es muy muy muy muy muy muy buena herramienta práctica, y permite corregir directamente los errores del contraste, si uno quiere. :lol:

Por Sisco

BOFH

3700 de clabLevel

12 tutoriales
4 articulos

Genero:Masculino   Bastard Operators From Hell

Catalunya

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.