gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Standardize informal treatment and some grammar improvements (#32664)

Browse Source 
Plus, fix colorblindness translation.
This commit is contained in:
Tomas Pozo
2019-03-04 12:52:40 -05:00
committed by Jaka Kranjc
parent 65b1b53593
commit a0d5c01f90
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
curriculum/challenges/spanish/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.spanish.md
View File

@ -3,10 +3,10 @@ id: 587d778f367417b2b2512aac
title: Avoid Colorblindness Issues by Using Sufficient Contrast
challengeType: 0
videoUrl: ''
localeTitle: Evite los problemas de ceguera al color usando un contraste suficiente
localeTitle: Evita Problemas de Daltonismo Usando Suficiente Contraste
---
## Description
## Descripción
<section id="description"> El color es una parte muy importante del diseño visual, pero su uso presenta dos problemas de accesibilidad. Primero, no debe usarse solo el color como la única forma de transmitir información importante porque los lectores de pantalla no pueden detectarlo. En segundo lugar, los colores de fondo y de primer plano necesitan el contraste suficiente para que los usuarios con daltonismo los puedan distinguir.
Los desafíos anteriores cubren alternativas para el primer problema. El último desafío introdujo herramientas de comprobación de contraste para ayudar a resolver el segundo. La WCAG recomienda una proporción de contraste de 4.5:1, aplica tanto para uso con colores como para uso con escala de grises.
@ -15,7 +15,7 @@ Los usuarios con daltonismo tienen problemas para distinguir algunos colores de
En la práctica la proporción de 4.5:1 puede obtenerse oscureciendo el color más oscuro y aclarando el más claro con la ayuda de una herramienta de comprobación de contraste. Los colores más oscuros en la rueda de colores son los azules, violetas, magentas y rojos, mientras que los colores más claros son los naranjas, amarillos, verdes y verde-azules. </section>
## Instructions
## Instrucciones
<section id="instructions"> Gato camper está experimentando con el uso de color de fondo y color de texto de su blog, pero su combinación actual de un color de fondo verdoso <code>background-color</code> con un color de texto marrón <code>color</code> tiene una proporción de 2.5:1 de contraste. Puedes ajustar fácilmente el brillo de los colores gracias a que usó la propiedad CSS <code>hsl()</code> para declararlos modificando el valor del tercer argumento (hsl viene de: hue, saturation, lightness. Que significa: matiz, saturación, brillo). Aumenta el brillo del <code>background-color</code> de 35% a 55%, y reduce el brillo del <code>color</code> de 20% a 15%. Esto mejora la proporción de contraste a 5.9:1. </section>
## Tests
@ -23,9 +23,9 @@ En la práctica la proporción de 4.5:1 puede obtenerse oscureciendo el color m
```yml
tests:
- text: Su código solo debe cambiar el valor de luminosidad de la propiedad de <code>color</code> del texto a un valor del 15%.
- text: Tu código solo debe cambiar el valor de luminosidad de la propiedad <code>color</code> del texto a un valor del 15%.
testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), "Your code should only change the lightness value for the text <code>color</code> property to a value of 15%.");'
- text: Su código solo debe cambiar el valor de luminosidad de la propiedad de <code>background-color</code> a un valor del 55%.
- text: Tu código solo debe cambiar el valor de luminosidad de la propiedad <code>background-color</code> a un valor del 55%.
testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), "Your code should only change the lightness value for the <code>background-color</code> property to a value of 55%.");'
```
@ -65,7 +65,7 @@ tests:
</section>
## Solution
## Solución
<section id='solution'>
```js