2526UFV1.3.4-A-001
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.4-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<style>
@media (orientation: portrait) {
body {
display: none;
}
}
</style>
<p>Este contenido solo puede visualizarse en orientación horizontal.</p>
Explicación del problema detectado:
El contenido de la página está restringido únicamente a una orientación concreta de la pantalla. Cuando el dispositivo se utiliza en orientación vertical, el contenido no se muestra o no se puede operar correctamente. Esta restricción no está justificada como esencial
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este problema afecta a usuarios que utilizan dispositivos móviles o tabletas y no pueden cambiar fácilmente la orientación de la pantalla, como personas con discapacidad motora o usuarios que emplean soportes fijos. Al impedir el acceso al contenido en una orientación determinada, se genera una barrera que limita la operabilidad y el acceso a la información.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<style>
body {
font-family: Arial, sans-serif;
}
.container {
max-width: 100%;
padding: 16px;
}
</style>
<div class="container">
<h1>Contenido adaptable</h1>
<p>
Este contenido se puede visualizar y utilizar correctamente tanto en orientación vertical como horizontal.
</p>
</div>
Explicación de la solución aplicada:
Este ejemplo es accesible porque el contenido no depende de una orientación específica de la pantalla. La información y las funcionalidades están disponibles y operables tanto en orientación vertical como horizontal, permitiendo que los usuarios accedan al contenido independientemente de cómo utilicen su dispositivo.
