Declaración de accesibilidad

Compromiso

Quiero que este sitio funcione para la mayor cantidad de personas posible, sin importar el dispositivo, la conexión o la tecnología de apoyo que usen. El objetivo es cumplir las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.2 en el nivel AA.

Estructura y navegación

• HTML semántico con regiones claras (encabezado, navegación, contenido principal y pie), un solo título principal por página y títulos en orden.
• Un enlace “Saltar al contenido” como primer elemento de cada página.
• Todo se puede usar con el teclado, con un indicador de foco visible.
• El menú mobile informa si está abierto o cerrado y se cierra con la tecla Esc.
• Los filtros del portfolio informan cuál está activo y cuántos proyectos se muestran.
• Las preguntas frecuentes usan elementos nativos que se abren y cierran con el teclado.

Contenido

• Cada imagen informativa tiene un texto alternativo descriptivo; las decorativas se ocultan a los lectores de pantalla.
• El texto tiene alto contraste sobre el fondo oscuro, y el texto secundario se mantiene por encima del contraste mínimo.
• Cada página declara su idioma, y todo el sitio está disponible en inglés y en español, con un selector de idioma en el encabezado.

Formularios

• Cada campo tiene una etiqueta visible, y los opcionales están marcados como tales.
• Los campos de nombre, email, teléfono y empresa admiten el autocompletado del navegador.
• Los mensajes de confirmación y de error se anuncian a los lectores de pantalla.

Movimiento y visualización

• Si tu sistema tiene activada la reducción de movimiento, se desactivan las animaciones, el parallax y el desplazamiento suave.
• No hay video ni sonido que se reproduzca solo, y nada se mueve automáticamente.
• El diseño se adapta desde pantallas de 320 px de ancho hasta monitores grandes y admite el zoom del navegador sin desplazamiento horizontal.

Velocidad

Un sitio rápido también es más accesible, sobre todo con conexiones lentas o dispositivos antiguos.

• Está escrito en HTML, CSS y JavaScript, sin frameworks ni constructores de páginas. El sitio funciona sin JavaScript; los scripts solo suman mejoras.
• Imágenes en formato WebP, con sus dimensiones declaradas para evitar saltos en el diseño, que se cargan recién cuando están por aparecer en pantalla.
• La imagen principal se precarga, con una versión más liviana para mobile.
• Las tipografías se sirven desde el propio sitio, sin pedidos a servicios externos de fuentes.
• Los scripts de terceros, como Google Analytics, se cargan solo después de que das tu consentimiento.

Facilidad para encontrarlo

• Cada página tiene su propio título, descripción y dirección canónica.
• Direcciones legibles, un mapa del sitio y datos estructurados ayudan a los buscadores a entender el contenido.
• Cada página está vinculada con su versión en el otro idioma.

Limitaciones conocidas

• Si Formspree, el servicio que gestiona el formulario de contacto, detecta actividad inusual, puede pedir un paso de verificación (reCAPTCHA) que puede ser difícil de completar con algunas tecnologías de apoyo. Siempre puedes escribir a martin.malandra@gmail.com.
• Los casos de estudio muestran trabajo visual. Sus textos alternativos describen el contenido principal de cada imagen, pero no pueden transmitir cada detalle de un diseño.
• Arrastrar el carrusel del portfolio es un atajo para el mouse; los botones de flecha y el teclado hacen lo mismo.

Cómo se revisa

El sitio se revisa navegando solo con el teclado, en distintos tamaños de pantalla y niveles de zoom, y con las herramientas de accesibilidad del navegador.

Comentarios

Si algo de este sitio es difícil de usar, o necesitas el contenido en otro formato, escríbeme a martin.malandra@gmail.com y cuéntame en qué página y cuál es el problema. Te respondo y lo corrijo, o te envío el contenido de otra forma.