|
|
| (No se muestran 152 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> |
|
| |
|
| <h1>Listado de Pautas y Principios WCAG</h1>
| | '''SOLO ESTÁ ACTIVO EL CRITERIO 1.1.1 PARA TODOS LOS USUARIOS, SINO HAS DE REGISTRARTE EN LA WIKI |
| 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"> |
| | Principio5 |
| | </categorytree> |
| | --> |
|
| |
|
| <html>
| | == Crear un ejemplo de un criterio de las pautas WCAG == |
| <form id="crearActividad" action="http://localhost:8888/wikiwcag.udl.cat/index.php/Especial:FormStart" method="get" style="margin:1em 0;">
| | <div class="wcag-infocriterio"> |
| <!-- Página destino: formulario ActividadWCAG -->
| | Crea un ejemplo de un criterio de las pautas WCAG. |
| <input type="hidden" name="title" value="Special:FormEdit/ActividadWCAG" />
| | * [[Crear_ejemplo_WCAG]] |
| <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 ==
| |
| <html>
| |
| <!-- ============================= -->
| |
| <!-- 1️⃣ COMBOS DE SELECCIÓN -->
| |
| <!-- ============================= -->
| |
| | |
| <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/>
| |
| | |
| <!-- ============================= -->
| |
| <!-- 2️⃣ FORMINPUT DE PAGEFORMS -->
| |
| <!-- ============================= -->
| |
| | |
| <div id="contenedor-forminput"> | |
| </html>
| |
| {{#forminput:form=ActividadWCAG
| |
| |button text=🧩 Crear ejemplo
| |
| |placeholder=El nombre se generará automáticamente
| |
| |id=nombrePagina
| |
| |default value=
| |
| }}
| |
| <html>
| |
| </div> | | </div> |
|
| |
|
| <!-- ============================= -->
| | == Consultar los cambios recientes de la wiki == |
| <!-- 3️⃣ SCRIPT PARA CONCATENAR Y COMPROBAR -->
| | [[Especial:CambiosRecientes|Ver últimas actualizaciones]] |
| <!-- ============================= -->
| |
| | |
| <script>
| |
| async function actualizarNombre() {
| |
| const uni = document.getElementById('universidad').value;
| |
| const sub = document.getElementById('subcriterio').value;
| |
| const input = document.querySelector('#contenedor-forminput input[type="text"]');
| |
| | |
| if (!uni || !sub || !input) return;
| |
| | |
| // Construye el nombre base
| |
| 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; // asigna el valor al campo de #forminput
| |
| }
| |
| | |
| // Función para consultar si la página existe
| |
| 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>
| |
| </html>
| |
