Diferencia entre revisiones de «Página principal»

De WCAG Wiki
Sin resumen de edición
 
(No se muestran 151 ediciones intermedias de 3 usuarios)
Línea 1: Línea 1:
__NOTOC__


== Listado de Pautas y Principios WCAG ==


<html>
<div class="pf-instruccion">
El propósito de este sitio web es únicamente '''presentar de forma más sencilla las pautas WCAG y explicar como se evalúan'''.
<br/>
La información de esta wiki proviene de diversas fuentes de información:
* [[Fuentes_informacion_wiki|Consultar las fuentes de información]]
</div>


 
'''SOLO ESTÁ ACTIVO EL CRITERIO 1.1.1 PARA TODOS LOS USUARIOS, SINO HAS DE REGISTRARTE EN LA WIKI
<h1>Listado de Pautas y Principios WCAG</h1>
Extracted from <a href="https://www.w3.org/TR/WCAG22/" target="_blank">https://www.w3.org/TR/WCAG22/</a>
</html>


<categorytree mode="all">
<categorytree mode="all">
Línea 22: Línea 26:
<categorytree mode="all">
<categorytree mode="all">
Principio4
Principio4
</categorytree>'''(NO EXISTENTE EN CV WIKI:)'''<categorytree mode="all">
Principio5
</categorytree>
</categorytree>






== 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'''


{{#forminput:form=ActividadWCAG
|button text=Crear ejemplo
|placeholder=Introduce el nombre de la nueva página (por ejemplo: 2025_26_UdL_1.1.1-A)
}}


== FORM ==
<!--
 
'''(NO EXISTENTE EN CV WIKI:)'''<categorytree mode="all">
<html>
Principio5
<form id="crearActividad" action="http://localhost:8888/wikiwcag.udl.cat/index.php/Especial:FormStart" method="get" style="margin:1em 0;">
</categorytree>
  <!-- Página destino: formulario ActividadWCAG -->
-->
  <input type="hidden" name="title" value="Special:FormEdit/ActividadWCAG" />
  <input type="hidden" name="form" value="ActividadWCAG" />
 
  <!-- Combo con los subcriterios WCAG -->
  <label for="criterio"><b>Selecciona el subcriterio WCAG:</b></label><br/>
  <select id="criterio" name="page" style="margin:0.5em 0; padding:0.3em;">
    <option value="" disabled selected>-- Elige un subcriterio --</option>
    <option value="Ejemplo_1.1.1-A">1.1.1-A. Contenido no textual</option>
    <option value="Ejemplo_1.3.1-A">1.3.1-A. Información y relaciones</option>
    <option value="Ejemplo_1.3.4-A">1.3.4-A. Orientación</option>
    <option value="Ejemplo_1.4.3-A">1.4.3-A. Contraste (mínimo)</option>
    <option value="Ejemplo_2.4.3-A">2.4.3-A. Orden del foco</option>
    <option value="Ejemplo_3.3.1-A">3.3.1-A. Identificación de errores</option>
    <option value="Ejemplo_4.1.3-A">4.1.3-A. Mensajes de estado</option>
  </select>
 
  <br/>
  <input type="submit" value="🧩 Crear nueva actividad"
        style="background:#007acc; color:white; border:none; padding:0.6em 1em; border-radius:6px; cursor:pointer;" />
</form>
 
<p><small>🔹 Al seleccionar un subcriterio y pulsar el botón, se abrirá el formulario
<b>ActividadWCAG</b> para crear una nueva página con el nombre correspondiente.</small></p>
 
</html>
== form 2==
<html>
<b>Selecciona el identificador:</b><br/>
<select id="idSelector" onchange="document.getElementById('nombrePagina').value='2025_26_UdL_' + this.value;">
  <option value="" disabled selected>-- Elige --</option>
  <option value="1.1.1-A">1.1.1-A</option>
  <option value="1.3.1-A">1.3.1-A</option>
  <option value="1.4.3-A">1.4.3-A</option>
</select>
</html>
 
{{#forminput:form=ActividadWCAG
|button text=Crear ejemplo
|query string=namespace=ActividadWCAG
|default value=2025_26_UdL_
|input type=text
|id=nombrePagina
}}
 
== form3 ==
<b>Selecciona la universidad:</b><br/>
<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>
 
<br/>
 
<b>Selecciona el subcriterio WCAG:</b><br/>
<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>
 
<br/><br/>
 
<!-- Aquí va el parser function normal -->
{{#forminput:form=ActividadWCAG
|button text=🧩 Crear ejemplo
|query string=namespace=ActividadWCAG
|default value=2025_26_
|input type=text
|id=nombrePagina
}}
 
<!-- Script para rellenar automáticamente el campo -->
<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
== Crear un ejemplo de un criterio de las pautas WCAG ==
}
<div class="wcag-infocriterio">
Crea un ejemplo de un criterio de las pautas WCAG.
* [[Crear_ejemplo_WCAG]]
</div>


async function paginaExiste(titulo) {
== Consultar los cambios recientes de la wiki ==
  const response = await fetch(`/api.php?action=query&titles=${encodeURIComponent(titulo)}&format=json`);
[[Especial:CambiosRecientes|Ver últimas actualizaciones]]
  const data = await response.json();
  const pages = data.query.pages;
  const key = Object.keys(pages)[0];
  return key !== "-1"; // true si existe
}
</script>

Revisión actual - 09:15 25 mar 2026


Listado de Pautas y Principios WCAG

El propósito de este sitio web es únicamente presentar de forma más sencilla las pautas WCAG y explicar como se evalúan.
La información de esta wiki proviene de diversas fuentes de información:

SOLO ESTÁ ACTIVO EL CRITERIO 1.1.1 PARA TODOS LOS USUARIOS, SINO HAS DE REGISTRARTE EN LA WIKI




Crear un ejemplo de un criterio de las pautas WCAG

Crea un ejemplo de un criterio de las pautas WCAG.

Consultar los cambios recientes de la wiki

Ver últimas actualizaciones