Accesibilidad

Nuestro compromiso

Acopio Panamá se construye para que cualquier persona pueda encontrar dónde llevar donaciones, también quien usa un lector de pantalla, navega solo con el teclado, necesita letra grande o alto contraste, o tiene poca señal y un teléfono viejo. La meta es cumplir las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.2, nivel AA.

La accesibilidad se revisa con cada cambio importante del sitio, con pruebas automáticas y a mano. Última revisión completa: 11 de octubre de 2026.

Cómo está hecho

• Teclado. Todo se puede usar con Tab, Mayús+Tab, Enter, Espacio y las flechas. El elemento con el foco siempre se marca con un borde visible. El primer enlace de cada página, «Saltar al contenido», lleva directo a lo importante.
• Lectores de pantalla. Las páginas están en español (es-PA), con regiones (cabecera, contenido, navegación, pie), encabezados en orden y etiquetas en todos los controles. Los cambios que ocurren sin recargar, como el número de resultados al filtrar o el envío de un reporte, se anuncian.
• Contraste y color. Los textos tienen un contraste de al menos 4,5:1 sobre su fondo. Nada se indica solo con color: «Urgente», «Abierto ahora» o «Sin confirmar recientemente» van siempre en palabras.
• Tamaño para el pulgar. Botones, enlaces de acción y filtros miden al menos 44 píxeles de alto, pensados para tocarlos en la calle y con prisa.
• Zoom y letra grande. Puedes ampliar hasta un 200 % o más sin perder contenido ni tener que desplazarte de lado. El sitio respeta el tamaño de letra que configures en tu teléfono.
• Sin prisa ni sobresaltos. No hay límites de tiempo para leer o llenar un formulario (solo los códigos de acceso por correo vencen, a los 10 minutos, y se pueden pedir de nuevo). No hay animaciones automáticas, y si tu sistema pide «reducir el movimiento», se quitan las pocas transiciones.
• Formularios claros. Cada campo tiene su nombre y una ayuda. Si falta algo, el error se lee junto al campo y en un resumen arriba que enlaza a lo que hay que corregir.
• Alto contraste de Windows. Bordes, botones y la opción marcada en los filtros se mantienen visibles con los colores del sistema.
• El mapa es opcional. Solo se carga si pulsas «Ver mapa». Todo lo que muestra está también en la lista de centros, que es la vía principal.
• Lenguaje claro. Textos cortos, en el español de Panamá, sin tecnicismos. Los enlaces que abren otra aplicación (Google Maps, Waze, WhatsApp) lo avisan a los lectores de pantalla.

Consejos de uso

• En el inicio, los artículos («¿Qué quieres donar?») son botones que se activan y desactivan; las provincias se eligen con las flechas, como una lista de opciones.
• Los diálogos (reportar un problema, confirmar que un centro cerró) se cierran con Esc y devuelven el foco al botón que los abrió.
• «Cerca de mí» es opcional y usa la ubicación de tu teléfono sin enviarla a ningún servidor. Si no la das, filtra por provincia o busca tu distrito.
• Si la letra te resulta pequeña, usa el zoom del navegador o el modo de lectura: el contenido se adapta.

Lo que todavía no está resuelto

• Los puntos del mapa no se pueden recorrer con el teclado ni con un lector de pantalla. La misma información (nombre, qué necesitan, si está abierto) está en la lista y en la ficha de cada centro.
• Al pulsar «Cómo llegar», «Waze» o «WhatsApp» pasas a servicios de otras empresas, con su propia accesibilidad.
• Los nombres, direcciones y notas de los centros los escribe la comunidad. Pueden traer abreviaturas o mayúsculas que un lector de pantalla lea raro. Si ves uno confuso, repórtalo desde la ficha.
• El sitio se muestra siempre con fondo claro, porque se lee mejor bajo el sol y en pantallas baratas; por ahora no hay modo oscuro.
• Algunas pantallas, como la de un centro que ya no existe, necesitan JavaScript para mostrar su contenido.

Cómo se evaluó

Revisión manual del código y de cada pantalla con teclado y lector de pantalla, más pruebas automáticas con axe-core (reglas WCAG 2.2 AA) en un teléfono estrecho (400 píxeles) y en escritorio, incluyendo el mapa, los filtros y los diálogos. El código es abierto: cualquiera puede repetir la revisión.

Si algo no te funciona, cuéntanos

Escríbenos a [email protected] o abre un aviso en GitHub (se abre en otra pestaña). Dinos qué página, qué intentabas hacer y con qué ayuda técnica o navegador. Lo arreglamos lo antes posible; en una emergencia, primero.