Detección de fallas en CC para links con texto alrededor

El objetivo es detectar los links con texto alrededor que solamente se distinguen del texto a través de su color. Estos tipos de links deben tener un CC suficiente para que sean fácilmente distinguibles del texto circundante.

Fuera de Alcance

Se quedan fuera de alcance aquellos links que no tengan texto alrededor y los que se diferencien por otros estilos que no sea solo el color.

Determinando si un link tiene texto alrededor

Para determinar si un link tiene texto alrededor se siguen los siguientes pasos

1. Se determina el padre del link en el DOM (parent)
2. Si los textos del link o de parent estan vacios o si parent.text <= link.text --> False
3. A partir del html del padre se toma todo el texto que está antes del link y después del link
4. Si alguno de los textos anteriores tiene una longitud mayor que 3 se considera que el link tiene texto alrededor --> True
5. En otro caso --> False

Determinando si un link tiene estilos adicionales

Una vez determinado que el link tiene texto alrededor se toman los estilos del padre y del link para hacer los siguiente checks:

1. si parent.text-decoration != link.text-decoration. Solamente se compara la primera parte (underlined, etc)
2. si |parent.font-weight - link.font-weight| >= 100. Si la diferencia del peso de la fuente es perceptible
3. si parent.font-style != link.font-style
4. si |parent.font-size - link.font-size| / parent.font-size >= 0.1. Si la diferencia relativa del tamaño de la fuente es de al menos el 10%.
5. si parent.cursor != link.cursor.
6. Si ninguna de las anteriores se cumple entonces se determina que el link solamente se diferencia por el color.

CC-check para los links que pasen están dentro del scope

Una vez el link pasa todos los filtros se tiene el texto circundante y el texto del link. Solamente se aplica un check de cc entre los colores de ambos textos y se reporta en caso de que no cumpla con el ratio mínimo establecido de 3.0:1