Add Spanish i18n file

webapp/src/main/resources/i18n/contrast-finder_utf8_es.properties

@@ -0,0 +1,209 @@
+###### i18n file in UTF-8 character encoding  #######################
+NOT_A_VALID_COLOR=El color debe estar comprendido entre #000000 y #FFFFFF
+NOT_A_VALID_RATIO.colorModel.ratio=Ratio inválido
+home.titleTag=Contrast Finder, encuentra los contrastes adecuados de color para crear webs accesibles (WCAG)
+###### 330 characters max for "home.metaDescription"
+home.metaDescription=Contrast-Finder encuentra los contrastes adecuados de color para crear webs accesibles (WCAG). \
+  Esta herramienta ayuda a validar los tests de accesibilidad web (a11y) sobre contrastes de color. \
+  Contrast-Finder está diseñada para ser utilizada por diseñadores web, desarrolladores web \
+  o profesionales de la accesibilidad web para mejorar la facilidad de lectura de páginas HTML sitios web.
+logo.link.title=Volver a página inicial
+nav.language-switch.aria-label=Idiomas
+result.title.colors=colores
+result.title.foregroundColor=texto
+result.title.backgroundColor=fondo
+result.title.minRation=ratio mínimo
+form.fillInFields=Por favor, rellena los siguientes campos:
+form.description=Contrast-Finder encuentra los contrastes adecuados de color para crear webs accesibles
+form.help=Color en hexadecimal, RGB o palabras clave de color CSS. <br> \
+          Example: <code>#FFFFFF</code>, <code>rgb(255,255,255)</code> o <code>white</code>
+form.foregroundColor=Color del texto
+form.backgroundColor=Color del fondo
+form.component=Color a editar
+form.componentForeground=Editar el color del texto
+form.componentBackground=Editar el color del fondo
+form.ratio=Ratio mínimo
+form.currentRatio=Ratio actual:
+form.currentRatio.alt.valid=El contraste de tus colores es suficiente.
+form.currentRatio.alt.fail=El contraste de tus colores no es suficiente.
+form.contrastOld=Anterior contraste
+form.contrastNew=Nuevo contraste
+form.validate=Encuentra colores válidos
+form.validContrast=Contraste válido:
+form.validContrastDesc=Los colores escogidos ya son adecuados
+##### For [form.resultNumber]
+##### ---> Do not translate "choice", it is an internal ID
+form.resultNumber={0} {0,choice,1#resultado|1<resultados}
+form.contrastSolutionCaption=Contrastes válidos
+form.contrastSolutionForeground=Primer plano
+form.contrastSolutionBackground=Fondo
+form.contrastSolutionRatio=Ratio
+form.contrastSolutionSample=Ejemplo
+form.initialContrastCaption=Contraste inválido
+form.sampleTitle=Título grande
+form.sampleTitleBold=con palabras en negrita
+form.sampleText=Este es un texto de ejemplo
+form.sampleTextBold=con palabras en negrita
+form.sampleText2=\ para ilustrar el contraste.
+form.sc-info=<a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast"> \
+                Los criterios <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> \
+                de validez  1.4.3 \
+            </a>  \
+            requieren que el texto tenga un contraste mínimo \
+            de <strong>4.5</strong> (y <strong>3</strong> para textos largos).
+footer.LikedCf=¿Te gusta <em>Contrast-Finder</em>? <br>Prueba <strong>Asqatasun</strong>, la <a href="https://app.asqatasun.org/">herramienta de código abierto para análisis de accesibilidad</a>
+form.contrastSolutionDistance=Distancia
+form.contrastSolutionDistanceEx=Distancia desde el color inicial
+form.objectifs=Dame
+form.algoHSV=un rango válido de colores
+form.algoRGB=colores válidos y muy cercanos al color inicial
+form.invalidColor=Color inválido
+form.changeComponent=prueba de nuevo cambiando el
+form.invalidAlgo=El valor del algoritmo no es válido.
+form.tryHsv=Dame un <em>rango</em> de colores
+form.tryRgb=Dame colores válidos y <em>muy cercanos</em> al color inicial
+form.testedColors=colores testados
+form.notSatisfied=¿Insatisfecho?
+form.anyResult=Vamos
+form.oppositeComponentForeground=color de fondo
+form.oppositeComponentBackground=color de primer plano
+message.addon=Hey! Has probado el nuevo <a class="alert-link" href="{0}"><em>Contrast-Finder</em> addon de Firefox</a>?
+footer.poweredBy=Creado por
+footer.availableUnder=disponible bajo
+footer.link-twitter=Sigue a Contrast-Finder en Twitter
+footer.link-git=Contribuye a Contrast-Finder en GitHub
+info.about.title=¿Qué es <em>Contrast Finder</em>?
+info.about=<p> \
+     <em>Contrast-Finder</em> es una herramienta que evalúa el contraste entre \
+     dos colores (fondo, primer plano) y comprueba si el contraste es aceptable. \
+     Cuando el contraste no es aceptable, el objetivo principal es sugerir alternativas de contraste de color válidas. \
+</p> \
+<p> <strong>Contrast-Finder</strong> está diseñada para ser utilizada por diseñadores web, desarrolladores web \
+    o profesionales de la accesibilidad web para mejorar la facilidad de lectura de páginas HTML sitios web. \
+</p>
+info.feedback.title=Comentarios del usuario
+info.feedback=<p>\
+  Si tienes problemas o presguntas sobre <em>Contrast-Finder</em>, por favor, contacta con nosotros: \
+</p>\
+<ul>\
+    <li> <a href="https://forum.asqatasun.org/c/contrast-finder">Foro Asqatasun</a>    </li> \
+    <li> <a title="Contrast-Finder en Twitter" href="https://twitter.com/contrast_finder">Twitter @Contrast_Finder</a> </li> \
+    <li> <a href="https://github.com/Asqatasun/Contrast-Finder">Contrast-Finder en Github</a> </li> \
+</ul>
+info.contribute.title=Contribuye a <em>Contrast-Finder</em>
+info.contribute=<p> \
+    Todas las contribuciones son  bienvenidas !  \
+    Traducciones, correciones, informes de errores, nuevas características… <br>\
+    Siéntete libre de jugar con el \
+        <a href="https://github.com/Asqatasun/Contrast-Finder/blob/develop/CONTRIBUTING.md">código fuente</a>, \
+    o de opinar en el <a href="https://forum.Asqatasun.org/">foro</a>. \
+</p>
+help.title=Ayuda / ¿Cómo usar esta herramienta?
+help.head=<p> La interfaz de <strong>Contrast-Finder</strong> es un formulario con cinco campos obligatorios. </p> \
+<ul> \
+    <li> <a href="#user-help_text-color">Color del texto</a> </li> \
+    <li> <a href="#user-help_background-color">Color del fondo</a> </li> \
+    <li> <a href="#user-help_minimum-ratio">Ratio mínimo</a> </li> \
+    <li> <a href="#user-help_color-to-edit">Color a editar</a> </li> \
+    <li> <a href="#user-help_gimme-algorithms">Dámelo</a> </li> \
+</ul>
+help.txt-color.title=Color del texto / Primer plano
+help.txt-color=<p> \
+    Este es el <strong>color</strong> del <strong>texto</strong>. \
+    Puedes rellenar este campo con <em>palabras clave de color CSS</em>, un valor <em>hexadecimal</em>, \
+    o un valor <em><abbr title="Red Green Blue">RGB</abbr></em>. \
+    El valor proporcionado será previsualizado a la derecha del campo. \
+</p> \
+<h4>Palabras <strong>clave</strong> de color CSS </h4> \
+<p> Por ejemplo: <code>Black</code>, <code>Silver</code>, <code>YellowGreen</code>, <code>MediumPurple</code>. <br>\
+    Los valores válidos se pueden encontrar en \
+    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Color_keywords">palabras clave de color CSS</a> \
+    (desde <em>CSS nivel 1</em> a <em>CSS nivel 4</em>). \
+</p> \
+<h4>Color con valores <strong>hexadecimal</strong>  </h4> \
+<p> Por ejemplo: <code>#AABBCC</code>.  \
+    Los valores con formato <code>#ABC</code> también funcionan, \
+    el sistema completará el campo automáticamente con el valor <code>#AABBCC</code>. \
+    Este campo puede ser usado sin el carácter <code>#</code>, \
+    de modo que <code>FFF</code> o <code>FFFFFF</code> funcionan sin problemas. \
+</p> \
+<h4>Colores con valores <strong>RGB</strong></h4> \
+<p> Por ejemplo: <code>rgb(255,255,255)</code>. <br> \
+    Se puede utilizar la sintáxis abreviada <code>255,255,255</code>, \
+    que será interpretada como <code>rgb(255,255,255)</code>.  \
+</p>
+help.bg-color.title=Color del fondo
+help.bg-color=<p> \
+    Este es el color del <strong>fondo</strong>. <br>\
+    Este campo funciona exactamente como el campo de color de texto.\
+</p>
+help.color-to-edit.title=Color a editar
+help.color-to-edit=<p> Puede referirse tanto al color del texto como al color del fondo. Por defecto ese refiere al color del texto.</p> \
+<p> El color seleccionado será modificado hasta encontrar un color válido. \
+    El otro color no cambiará. </p>
+help.algo.title=Dámelo / Los algoritmos
+help.algo=<h4>“Colores va´lidos y muy cercanos al color inicial”</h4> \
+<p> \
+    Este es el algoritmo por defecto. \
+    Ofrece opciones de colores muy cercanas al color inicial. \
+    (La distancia de color es evaluada de forma matemática, que puede variar del punto de vista de un diseñador.) \
+</p> \
+<p> \
+    Para algunas combinaciones de colores, el algoritmo no ofrece ningún resutado ; \
+    en este caso, se recomienda usar el otro algoritmo.\
+</p> \
+<h4>“Un rango de colores válidos”</h4> \
+<p> \
+    Este es el algoritmo alternativo, en caso de que el primero no ofrezca ningún resultado. \
+    Sin embargo, los colores ofrecidos pueden diferir (significativamente) del color inicial. \
+</p>
+help.ratio.title=<em>Ratio</em> mínimo
+##################################################################################
+# "help.ratio" will certainly evolve.
+# ----> See issue #136 "Text size understanding : comments on pt => px conversion"
+#       https://github.com/Asqatasun/Contrast-Finder/issues/136
+##################################################################################
+help.ratio=<p> Hay tres posibles valores: <strong>3</strong>, <strong>4.5</strong> y <strong>7</strong>. </p>\
+<p> ¿Cómo escoger un ratio? Dependerá de los siguientes elementos: </p>\
+<ul> \
+    <li> Nivel de accesibilidad deseado: <strong>AA</strong> o <strong>AAA</strong>. </li> \
+    <li> Tamaño del texto. </li> \
+    <li> ¿El texto está en negrita? </li> \
+</ul> \
+<h4> Nivel <em>AA</em> </h4> \
+<p> Dos elementos (tamaño y negrita) nos dan cuatro combianciones: </p> \
+<ul> \
+    <li> Texto sin negrita + tamaño de texto &lt; <code>18px</code>: ratio = <strong>4.5</strong> </li> \
+    <li> Texto sin negrita + tamaño de texto &gt; <code>18px</code>: ratio = <strong>3</strong> </li> \
+    <li> Texto con negrita + tamaño de texto &lt; <code>14px</code>:  ratio = <strong>4.5</strong> </li> \
+    <li> Texto con negrita + tamaño de texto &gt;  <code>14px</code>: ratio = <strong>3</strong> </li> \
+</ul> \
+<h4> Nivel <em>AAA</em> </h4> \
+<p> Para el nivel <strong>AAA</strong> la lógica es la misma, pero el ratio se incrementa de la siguiente manera: </p> \
+<ul> \
+    <li> El ratio <strong>4.5</strong> se convierte en <strong>7</strong> </li> \
+    <li> El ratio <strong>3</strong> se convierte en <strong>4.5</strong> </li> \
+</ul>  \
+<h4> Entendiendo el tamaño de texto </h4> \
+<ul> \
+    <li> El criterio de <code>14px</code> puede ser entendido como equivalente \
+         a <code>14pt</code> o <code>120%</code> o <code>1.2em</code>. </li> \
+    <li> El criterio de <code>18px</code> puede ser entendido como equivalente \
+         a <code>18pt</code> o <code>150%</code> o <code>1.5em</code>. </li> \
+</ul>  \
+<p> Para una compresión exhaustiva de cómo interpretar el tamaño de texto, se debe leer la \
+  <a href="https://www.w3.org/TR/WCAG20/#larger-scaledef">definición de texto de gran tamaño de la WCAG</a>.  </p> \
+<h4> Todos los detalles sobre el ratio de contraste  </h4> \
+<ul>\
+    <li><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">WCAG 2.0 criterios de validez 1.4.3</a> (Nivel AA)</li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast7">WCAG 2.0 criterios de validez 1.4.6</a> (Nivel AAA)</li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/#contrast-ratiodef">WCAG 2.0 Glosario - Ratio de Contraste</a></li> \
+    <li><a href="https://www.w3.org/TR/WCAG20/relative-luminance.xml">WCAG 2.0 - Versión MathML de la definición de luminosidad relativa</a></li> \
+</ul>
+#########  unused i18n entries ##############################################
+# form.results=Results
+# form.usage=Usage:
+# form.ratioMedium=Small text (size &lt; 18px, Level AA)
+# form.ratioShort=Big text (size &ge; 18px, Level AA)
+# form.ratioHigh=Strenghten contrast (Level AAA)
+# form.description_v2=Find me the good constrasts, for web accessibility, between these two colors: