Requisitos no funcionales
| Campo | Valor |
|---|---|
| Tipo | Requisitos no funcionales |
| Propósito | Definir calidad esperada: rendimiento, accesibilidad, seguridad y despliegue. |
| Audiencia | Desarrollo, QA, arquitectura |
| Estado | Vigente |
| ID | Categoría | Requisito |
|---|---|---|
| RNF-01 | Rendimiento | Primera carga usable en red media; animaciones con transform/opacity (GPU) cuando sea posible. |
| RNF-02 | Accesibilidad | Contraste legible, textos alternativos en imágenes, foco visible en enlaces/botones, semántica HTML correcta. |
| RNF-03 | Motion | Respetar prefers-reduced-motion. |
| RNF-04 | Compatibilidad | Últimas dos versiones mayores de Chrome, Firefox, Edge y Safari (móvil y escritorio). |
| RNF-05 | Mantenibilidad | Componentes por sección; estilos consistentes (design tokens / Tailwind). |
| RNF-06 | SEO básico | Un h1, headings jerárquicos, meta description. |
| RNF-07 | Seguridad | Enlaces externos con noopener; no exponer secretos (no hay backend en MVP). |
| RNF-08 | Despliegue | Build estático publicable en GitHub Pages o Vercel. |
Detalle por categoría
Rendimiento (RNF-01)
- Preferir imágenes optimizadas (PNG de perfil razonable, capturas comprimidas).
- Evitar librerías pesadas innecesarias.
- Lazy-load de animaciones no críticas cuando aplique.
Accesibilidad (RNF-02)
Ver también Accesibilidad.
Motion (RNF-03)
Si el sistema indica preferencia por menos movimiento, usar fade simple o sin animación decorativa.
SEO (RNF-06)
- Título de página:
Nombre | Rolo similar. - Meta description de una frase.
- Open Graph para redes.
Trazabilidad con HU
| HU | RNF relacionados |
|---|---|
| HU-10 | RNF-03 |
| HU-11 | RNF-01, RNF-04 |
| HU-13 | RNF-06, RNF-08 |
| Transversal | RNF-02, RNF-05, RNF-07 |