Accesibilidad Web

Declaración de Accesibilidad

📅 Fecha de revisión: 4 de junio de 2026 🌐 WCAG 2.1 Nivel AA 🇺🇾 Decreto 333/016 Uruguay
Cumplimiento parcial con WCAG 2.1 Nivel AA — en mejora continua

El Rotary Club de Lascano se compromete a hacer accesible su sitio web a todas las personas, independientemente de sus capacidades o la tecnología que usen. Esta declaración describe el grado de cumplimiento actual con las pautas internacionales de accesibilidad y las medidas adoptadas.

1. Marco normativo de referencia

WCAG
2.1
Web Content Accessibility Guidelines 2.1 — Nivel AA

Norma internacional del W3C/WAI. Define criterios de éxito bajo cuatro principios: Perceptible, Operable, Comprensible y Robusto (POUR).

Dto.
333
Decreto 333/016 — Uruguay (28 de octubre de 2016)

Establece que los sitios web de organismos públicos y entidades que reciben financiamiento estatal deben cumplir con WCAG 2.0 Nivel AA. Adoptamos este estándar como práctica de buenas prácticas ciudadanas.

Ley
18.651
Ley 18.651 — Protección Integral de Personas con Discapacidad

Uruguay. Establece el derecho de las personas con discapacidad a acceder a la información y comunicaciones en condiciones de igualdad.

Ley
18.331
Ley 18.331 — Protección de Datos Personales

Uruguay. Regula el tratamiento de datos personales. Ver Política de Privacidad para detalles sobre cómo cumplimos con esta norma.

2. Medidas de accesibilidad implementadas

Estructura y navegación

⌨
Enlace de salto al contenido Un enlace oculto accesible con teclado (tecla Tab) que permite saltar la navegación y llegar directamente al contenido principal.
🗂
Puntos de referencia ARIA (landmarks) Uso de elementos semánticos HTML5: <header>, <nav>, <main>, <footer>, <section>, <article>. Permiten a los lectores de pantalla navegar por secciones.
🔤
Idioma declarado El atributo lang="es" en el elemento <html> informa a los lectores de pantalla el idioma del contenido.
↹
Navegación por teclado completa Todos los elementos interactivos (enlaces, botones, formularios) son accesibles mediante Tab. Los menús desplegables se abren con Enter/Espacio y se cierran con Escape.

Imágenes y contenido visual

🖼
Texto alternativo en imágenes Todas las imágenes informativas tienen atributos alt descriptivos. Las imágenes decorativas están marcadas con alt="" para ser ignoradas por lectores de pantalla.
🎨
Contraste de color Los colores corporativos de Rotary International (azul #0050a2 sobre blanco) cumplen con la relación de contraste mínima de 4.5:1 exigida por WCAG 1.4.3 para texto normal.

Formularios

📝
Etiquetas asociadas a controles Cada campo del formulario tiene una etiqueta <label> asociada mediante el atributo for, visible y descriptiva.
✅
Campos obligatorios marcados Los campos requeridos usan el atributo required y aria-required="true", informando a tecnologías asistivas.
🔁
Autocompletar Los campos de nombre y correo electrónico tienen atributos autocomplete que facilitan el relleno a personas que usan gestores de contraseñas o herramientas de asistencia.

Herramientas de accesibilidad personalizables

A
Control de tamaño de texto El panel de accesibilidad (botón lateral derecho) permite aumentar o reducir el tamaño del texto en cuatro niveles.
◑
Alto contraste Modo de alto contraste que aumenta la diferenciación visual entre elementos de fondo y primer plano.
⬜
Escala de grises Modo que elimina la información cromática, útil para personas con daltonismo o que prefieren menor estimulación visual.
🔗
Subrayado de enlaces Opción para subrayar todos los enlaces del sitio, eliminando la dependencia del color para identificarlos.
Aa
Fuente de lectura fácil (Lexend) Alternativa tipográfica con mayor espaciado entre caracteres y palabras, diseñada para facilitar la lectura a personas con dislexia u otras dificultades lectoras.

Animaciones y movimiento

🎞
prefers-reduced-motion El sitio respeta la preferencia del sistema operativo para reducir movimiento. Si tienes activada esa opción, las animaciones de entrada y transiciones se desactivan automáticamente (WCAG 2.3.3).

Diálogos y galerías

🖼
Lightbox (galería de imágenes) El visor de galería es un diálogo modal con role="dialog" y aria-modal. El foco se mueve al botón de cierre al abrirse, y regresa al elemento activador al cerrarse. Navegable con flechas del teclado y cerrable con Escape.
⊕
Panel de accesibilidad El panel de herramientas tiene trampa de foco (focus trap): mientras está abierto, el Tab circula solo entre sus controles. Se cierra con Escape y devuelve el foco al elemento que lo abrió.

3. Estado de criterios WCAG 2.1 AA (selección principal)

A continuación se detalla el estado de los criterios más relevantes para este sitio:

✓ Cumple
1.1.1 Contenido no textualAlt en imágenes informativas.
✓ Cumple
1.3.1 Información y relacionesHTML semántico y ARIA correctos.
✓ Cumple
1.3.2 Secuencia significativaOrden de lectura coherente en DOM.
✓ Cumple
1.4.3 Contraste mínimoRatio ≥ 4.5:1 en texto normal.
✓ Cumple
1.4.4 Redimensionado de textoControl de tamaño vía panel de a11y y zoom del navegador.
✓ Cumple
2.1.1 TecladoTodos los controles accesibles por teclado.
✓ Cumple
2.4.1 Saltar bloquesEnlace de salto al contenido implementado.
✓ Cumple
2.4.2 Título de páginaCada página tiene un <title> descriptivo único.
✓ Cumple
2.4.3 Orden de focoSecuencia de Tab lógica y predecible.
✓ Cumple
2.4.7 Foco visibleIndicador de foco visible en todos los elementos interactivos.
✓ Cumple
3.1.1 Idioma de la páginalang="es" declarado en <html>.
✓ Cumple
3.3.2 Etiquetas o instruccionesEtiquetas visibles en todos los campos del formulario.
⚬ Parcial
1.4.10 ReflowLa mayoría del contenido responde correctamente a 320px, con algunas excepciones en secciones complejas.
⚬ Parcial
1.4.11 Contraste de no-textoLos controles de formulario cumplen en general; en revisión para componentes interactivos secundarios.

4. Limitaciones conocidas y plan de mejora

  • Galería de imágenes: el lightbox es funcional con teclado, pero los títulos alternativos de algunas imágenes podrían ser más descriptivos. En revisión.
  • Menú de navegación en móvil: el menú desplegable de «Casa Rotaria» requiere interacción táctil. Se trabajará en una mejora del flujo de teclado en la versión responsive.
  • Contenido de redes sociales: las plataformas externas (Facebook, Instagram) tienen sus propias políticas de accesibilidad sobre las que no tenemos control.
  • Videos de terceros: actualmente no se incrustan videos. Si se incorporan en el futuro, se añadirán subtítulos y audiodescripciones.

Estamos comprometidos con la mejora continua. Realizamos revisiones de accesibilidad periódicas y aplicamos correcciones en cuanto son detectadas.

5. Tecnologías utilizadas

Este sitio web está construido con:

  • HTML5 semántico
  • CSS3 con propiedades modernas (Grid, Flexbox, Custom Properties)
  • JavaScript vanilla (sin frameworks externos para la interacción principal)
  • ARIA (Accessible Rich Internet Applications) WAI-ARIA 1.2
  • Fuentes tipográficas: Open Sans (predeterminado) y Lexend (modo de lectura fácil)

El sitio ha sido evaluado con:

  • Inspección manual con teclado
  • Lector de pantalla NVDA (Windows) y VoiceOver (macOS/iOS)
  • Herramientas automatizadas: axe DevTools, WAVE
  • Validación HTML: W3C Markup Validation Service

6. Reportar un problema de accesibilidad

¿Encontraste una barrera de accesibilidad?

Si alguna parte de este sitio te resulta inaccesible, queremos saberlo para corregirlo. Puedes contactarnos por:

Correo electrónico: rotarylascano1940@gmail.com

WhatsApp: 098 679 089

Por favor, indícanos: la URL de la página afectada, el problema encontrado y la tecnología asistiva que estás usando (si aplica). Respondemos en un plazo máximo de 10 días hábiles.

7. Autoridades de referencia

Desarrollado por ButIA
butia.ai