Página principal

De WCAG Wiki


Listado de Pautas y Principios WCAG

Extracted from https://www.w3.org/TR/WCAG22/

(NO EXISTENTE EN CV WIKI:)


Crear nuevo Ejemplo WCAG

Introduce el nombre de la página en el cuadro de texto, según esta nomenglatura:

  • Curso de creación: 2025_26_
  • Universidad:
    • UdL (Universidad de Lleida)
    • UPSA (Universidad Pontificia de Salamanca)
    • UFV Universidad Francisco de Vitoria
    • UPM Universidad Politécnica de Madrid
  • Identificador del subcriterio: 1.1.1-A

Si la página ya existe, añadir un numero (00X) a la dirección:

  • 2025_26_UdL_1.1.1-A_001


FORM



🔹 Al seleccionar un subcriterio y pulsar el botón, se abrirá el formulario ActividadWCAG para crear una nueva página con el nombre correspondiente.

form 2

Selecciona el identificador:


form3

Selecciona la universidad:
<select id="universidad" style="margin:0.5em 0; padding:0.3em;" onchange="actualizarNombre()">

 <option value="" disabled selected>-- Elige universidad --</option>
 <option value="UdL">UdL</option>
 <option value="UPSA">UPSA</option>
 <option value="UFV">UFV</option>
 <option value="UCV">UCV</option>

</select>


Selecciona el subcriterio WCAG:
<select id="subcriterio" style="margin:0.5em 0; padding:0.3em;" onchange="actualizarNombre()">

 <option value="" disabled selected>-- Elige subcriterio --</option>
 <option value="1.1.1-A">1.1.1-A. Contenido no textual</option>
 <option value="1.3.1-A">1.3.1-A. Información y relaciones</option>
 <option value="1.3.4-A">1.3.4-A. Orientación</option>
 <option value="1.4.3-A">1.4.3-A. Contraste (mínimo)</option>
 <option value="2.4.3-A">2.4.3-A. Orden del foco</option>
 <option value="3.3.1-A">3.3.1-A. Identificación de errores</option>
 <option value="4.1.3-A">4.1.3-A. Mensajes de estado</option>

</select>




<script> async function actualizarNombre() {

 const uni = document.getElementById('universidad').value;
 const sub = document.getElementById('subcriterio').value;
 const input = document.querySelector('input#nombrePagina');
 if (!uni || !sub || !input) return;
 const baseName = `2025_26_${uni}_${sub}`;
 let pageName = baseName;
 let contador = 1;
 // Comprueba si la página ya existe
 while (await paginaExiste(pageName)) {
   const num = String(contador).padStart(3, '0');
   pageName = `${baseName}_${num}`;
   contador++;
 }
 input.value = pageName; // Autocompleta el campo del #forminput

}

async function paginaExiste(titulo) {

 const response = await fetch(`/api.php?action=query&titles=${encodeURIComponent(titulo)}&format=json`);
 const data = await response.json();
 const pages = data.query.pages;
 const key = Object.keys(pages)[0];
 return key !== "-1"; // true si existe

} </script>