Update Spanish i18n file and title attribute in language menu

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

@@ -3,13 +3,13 @@ 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.
+home.metaDescription=Contrast-Finder ofrece los contrastes adecuados para crear webs accesibles (WCAG). \
+  Utilidad para validar tests de accesibilidad web (a11y) sobre contrastes de color. \
+  Contrast-Finder está diseñada para diseñadores web, desarrolladores web \
+  y otros profesionales para mejorar la facilidad de lectura de páginas HTML.
 logo.link.title=Volver a página inicial
 nav.language=español
-#nav.language-switching=Switch to Español @@@TODO i18n
+nav.language-switching=Cambiar a español
 nav.language-switching.aria-label=Idiomas
 result.title.colors=colores
 result.title.foregroundColor=texto
@@ -18,7 +18,7 @@ result.title.minRation=ratio mínimo
 form.fillInFields=Por favor, rellena los siguientes campos:
 form.description=<span lang="en">Contrast-Finder</span> 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>
+          Por ejemplo: <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
@@ -52,7 +52,7 @@ form.sc-info=<a hreflang="en" href="https://www.w3.org/TR/WCAG20/#visual-audio-c
                 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).
+            de <strong>4.5</strong> (<strong>3</strong> para textos largos).
 footer.LikedCf=¿Te gusta <em lang="en">Contrast-Finder</em>? <br>Prueba <strong>Asqatasun</strong>, la <a href="https://app.asqatasun.org/?lang=es">herramienta de código abierto para análisis de accesibilidad</a>
 form.contrastSolutionDistance=Distancia
 form.contrastSolutionDistanceEx=Distancia desde el color inicial
@@ -81,11 +81,11 @@ info.about=<p> \
      Cuando el contraste no es aceptable, el objetivo principal es sugerir alternativas de contraste de color válidas. \
 </p> \
 <p> <strong lang="en">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. \
+    o profesionales de la accesibilidad web para mejorar la facilidad de lectura de páginas HTML en sitios web. \
 </p>
 info.feedback.title=Comentarios del usuario
 info.feedback=<p>\
-  Si tienes problemas o presguntas sobre <em lang="en">Contrast-Finder</em>, por favor, contacta con nosotros: \
+  Si tienes problemas o preguntas sobre <em lang="en">Contrast-Finder</em>, por favor, contacta con nosotros: \
 </p>\
 <ul>\
     <li> <a hreflang="en" href="https://forum.asqatasun.org/c/contrast-finder">Foro Asqatasun</a>    </li> \
@@ -94,8 +94,8 @@ info.feedback=<p>\
 </ul>
 info.contribute.title=Contribuye a <em lang="en">Contrast-Finder</em>
 info.contribute=<p> \
-    Todas las contribuciones son  bienvenidas !  \
-    Traducciones, correciones, informes de errores, nuevas características… <br>\
+    ¡Todas las contribuciones son bienvenidas!  \
+    Traducciones, correcciones, informes de errores, nuevas características… <br>\
     Siéntete libre de jugar con el \
         <a hreflang="en" href="https://github.com/Asqatasun/Contrast-Finder/blob/develop/CONTRIBUTING.md">código fuente</a>, \
     o de opinar en el <a hreflang="en" href="https://forum.Asqatasun.org/">foro</a>. \
@@ -107,7 +107,7 @@ help.head=<p> La interfaz de <strong lang="en">Contrast-Finder</strong> es un fo
     <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> \
+    <li> <a href="#user-help_gimme-algorithms">Dame</a> </li> \
 </ul>
 help.txt-color.title=Color del texto / Primer plano
 help.txt-color=<p> \
@@ -122,12 +122,12 @@ help.txt-color=<p> \
     <a hreflang="en" 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> \
+<h4>Color con valores <strong>hexadecimales</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. \
+    de modo que <code>FFF</code> o <code>FFFFFF</code> funcionarán sin problema. \
 </p> \
 <h4>Colores con valores <strong>RGB</strong></h4> \
 <p> Por ejemplo: <code>rgb(255,255,255)</code>. <br> \
@@ -143,16 +143,16 @@ 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> \
+help.algo.title=Dame / Los algoritmos
+help.algo=<h4>“Colores vá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.\
+    Para algunas combinaciones de colores, el algoritmo no ofrece ningún resultado. \
+    En este caso, se recomienda usar el otro algoritmo.\
 </p> \
 <h4>“Un rango de colores válidos”</h4> \
 <p> \
@@ -173,7 +173,7 @@ help.ratio=<p> Hay tres posibles valores: <strong>3</strong>, <strong>4.5</stron
     <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> \
+<p> Dos elementos (tamaño y negrita) nos dan cuatro combinaciones: </p> \
 <ul> \
     <li> Texto sin negrita + tamaño de texto &lt; <code>24px</code>: ratio = <strong>4.5</strong> </li> \
     <li> Texto sin negrita + tamaño de texto &gt; <code>24px</code>: ratio = <strong>3</strong> </li> \
@@ -197,10 +197,12 @@ help.ratio=<p> Hay tres posibles valores: <strong>3</strong>, <strong>4.5</stron
   <a hreflang="en" 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 hreflang="en" 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 hreflang="en" 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 hreflang="en" href="https://www.w3.org/TR/WCAG20/#contrast-ratiodef">WCAG 2.0 Glosario - Ratio de Contraste</a></li> \
-    <li><a hreflang="en" 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> \
+    <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/#visual-audio-contrast-contrast">WCAG 2.0 - Contraste (Mínimo): criterios de validez 1.4.3</a> (Nivel AA)</li>\
+    <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html">WCAG 2.0 - Contraste (Mínimo): entendiendo los criterios de validez 1.4.3</a></li>\
+    <li><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast7">WCAG 2.0 - Contraste (Mejorado): criterios de validez 1.4.6</a> (Nivel AAA)</li>\
+    <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html">WCAG 2.0 - Contraste (Mejorado): entendiendo los criterios de validez 1.4.6</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

webapp/src/main/webapp/WEB-INF/template/header.jspf

@@ -74,7 +74,7 @@
                 <li><strong aria-current="page">español</strong></li>
             </c:when>
             <c:otherwise>
-                <li lang="es"><a href="${esUrl}" hreflang="es" title="Switch to Español @@@TODO i18n">español</a></li>
+                <li lang="es"><a href="${esUrl}" hreflang="es" title="Cambiar a español">español</a></li>
             </c:otherwise>
         </c:choose>
         <c:choose>