Ver el código de «Principio 3/3.1 Leíble/3.1.2-A»

== '''3.1.2-A. Se debe identificar los cambios de idioma respecto al idioma principal con los atributos adecuados según la gramática usada y con un código de idioma correcto.''' ==

== EVALUACIÓN ==
'''Nombre de la herramienta''': Comprobación manual

'''Procedimiento de comprobación:'''

1. Localizar dónde se producen cambios e idioma en el texto de la página

2. Usando la herramienta de inspección de código del navegador, comprobar que se indica este cambio de idioma con los atributos lang y/o xml:lang.

3. Verificar que el código de idioma sigue la sintaxis correcta.

== REFERENCIA WCAG 2.1 ==

* H58: Using language attributes to identify changes in the human language.

== LISTA DE EJEMPLOS ACCESIBLES Y NO ACCESIBLES ==
Se listan diferentes ejemplos 

=== EJEMPLOS ACCESIBLES ===
<html>
<details class="acordeon-estilizado">
  <summary> AÑO0 - UNIVERSIDAD </summary>
  <p>

<div class="custom-post-item">
    <h3>e) Ejemplo accessible</h3>
    <p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p>
    <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt="">
    <pre>Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"</pre>
    <pre> URL  <a href="https://www.sony.com.cn/">página web de SONY   (china)</a> </pre>
    <pre> VIDEO  <a href="https://youtu.be/Ed8CNJrkm74?t=5086">video de ejemplo accesible</a></pre>
  </div>

</p>
</details>


<details class="acordeon-estilizado">
  <summary> AÑO1 - UNIVERSIDAD </summary>
  <p>

<div class="custom-post-item">
    <h3>e) Ejemplo accessible</h3>
    <p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p>
    <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt="">
    <pre>Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"</pre>
    <pre> URL  <a href="https://www.sony.com.cn/">página web de SONY   (china)</a> </pre>
    <pre> VIDEO  <a href="https://youtu.be/Ed8CNJrkm74?t=5086">video de ejemplo accesible</a></pre>
  </div>

</p>
</details>


<details class="acordeon-estilizado">
  <summary> AÑO2 - UNIVERSIDAD </summary>
  <p>

<div class="custom-post-item">
    <h3>e) Ejemplo accessible</h3>
    <p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p>
    <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt="">
    <pre>Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"</pre>
    <pre> URL  <a href="https://www.sony.com.cn/">página web de SONY   (china)</a> </pre>
    <pre> VIDEO  <a href="https://youtu.be/Ed8CNJrkm74?t=5086">video de ejemplo accesible</a></pre>

  </div>

</p>
</details>


</html>

=== EJEMPLOS NO ACCESIBLES ===
<HTML>
<details class="acordeon-estilizado">
  <summary> AÑO1 - UNIVERSIDAD
</summary>
  <p>
<div class="accessibility-card-error">
    <h3>f) Ejemplo NO accessible</h3>
    <p>El idioma no se identifica de forma adecuada en el atributo alt.
Se escribe el idioma "en" y deberia ser "ch" </p>
    <img src="https://www.wikiwcag.udl.cat/images/b/bc/3.1.1-NA-202425.jpg" alt="">
    <pre>alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"</pre>
    <pre> URL <a href="https://www.sony.co.uk/">página web de SONY   (inglaterra)</a></pre>
    <pre> VIDEO  <a href="https://youtu.be/Ed8CNJrkm74?t=5042">video de ejemplo NO accesible</a></pre>
  </div>




</p>
</details>


<details class="acordeon-estilizado">
  <summary> AÑO1 - UNIVERSIDAD
</summary>
  <p>
<div class="accessibility-card-error">
    <h3>f) Ejemplo NO accessible</h3>
    <p>El idioma no se identifica de forma adecuada en el atributo alt.
Se escribe el idioma "en" y deberia ser "ch" </p>
    <img src="https://www.wikiwcag.udl.cat/images/b/bc/3.1.1-NA-202425.jpg" alt="">
    <pre>alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"</pre>
    <pre> URL <a href="https://www.sony.co.uk/">página web de SONY   (inglaterra)</a></pre>
    <pre> VIDEO  <a href="https://youtu.be/Ed8CNJrkm74?t=5042">video de ejemplo NO accesible</a></pre>
  </div>




</p>
</details>


</html>