Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save aguilavajz/854c3e8d1437650b01b1c36e4e81d60c to your computer and use it in GitHub Desktop.

Select an option

Save aguilavajz/854c3e8d1437650b01b1c36e4e81d60c to your computer and use it in GitHub Desktop.
accessibility_checklist_es.md
# 📋 Guía Rápida de Accesibilidad en APEX
## Por qué importa la Accesibilidad (A11y)
Las aplicaciones accesibles son inclusivas, profesionales y cumplen con los
estándares internacionales como WCAG 2.1. Esta guía proporciona una lista de
verificación práctica para asegurar que tus aplicaciones en Oracle APEX sean
utilizables por todos.
---
## Checklist Rápido para Desarrolladores
### Formularios y Entradas
- [ ] **Cada Elemento Necesita una Etiqueta (Label)**: Incluso si está oculta
visualmente. Usa la plantilla "Hidden" pero define siempre una etiqueta.
- [ ] **Mensajes de Error Significativos**: Mensajes claros y descriptivos que
guíen al usuario sobre cómo corregir el problema.
- [ ] **Indicadores de Obligatoriedad**: Configura correctamente "Value
Required" para inyectar el atributo `aria-required="true"`.
### Navegación y Estructura
- [ ] **Jerarquía Lógica de Encabezados**: Un `H1` por página (título), seguido
de `H2`, `H3` de forma lógica.
- [ ] **Saltar al Contenido Principal**: Asegúrate de que el enlace "Skip to
Main Content" del Universal Theme funcione correctamente.
- [ ] **Landmarks (Puntos de referencia)**: Uso adecuado de regiones (ej.
Breadcrumb, Main Content) para la navegación.
### Visuales y Multimedia
- [ ] **Contraste de Color**: Relación de 4.5:1 para texto normal. Utiliza el
verificador integrado del **Theme Roller**.
- [ ] **No Depender Solo del Color**: Nunca confíes únicamente en el color para
transmitir significado (ej. usa Iconos + Rojo para errores).
- [ ] **Texto Alternativo**: Texto `Alt` significativo para imágenes, gráficos e
iconos.
### Pruebas y Validación
- [ ] **La Prueba "Sin Ratón"**: Completa el flujo principal de negocio usando
únicamente el teclado.
- [ ] **Pestaña de Accesibilidad (Page Designer)**: Refresca y resuelve todas
las violaciones estructurales identificadas.
- [ ] **Revisión con Lector de Pantalla**: Prueba ocasionalmente con JAWS o NVDA
en pantallas críticas y complejas.
---
## 📈 Eleva tus Aplicaciones APEX
### Conéctate y Mantente Actualizado
- [📬 **Suscríbete al Newsletter de APEX Insights**](https://www.linkedin.com/newsletters/apex-insights-7417434174736822272/)
- [💼 **Conéctate en LinkedIn**](https://www.linkedin.com/in/vinny-jimenez/)
- [🐦 **Sígueme en X**](https://x.com/VinnyumTech)
- [🌐 **Explora todos nuestros APEX Insights**](https://insightsapex.vinnyum.tech/)
### Trabaja Conmigo
- [⏰ **Agenda una Mentoría Técnica**](https://calendly.com/vinnyum/intro-call)
- [☕ **Apoya mi trabajo: Invítame un Café**](https://www.buymeacoffee.com/vinnyum)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment