Sitios y aplicaciones simples

Crea sitios y aplicaciones accesibles y rápidos, con navegación clara y contenidos útiles para cada tarea.

54 artículos · Último artículo actualizado

La búsqueda incluye todos los artículos de esta sección, también el archivo y el texto de los artículos.

Comprender el tema

Guía práctica sobre este tema

Crear un sitio web o una aplicación implica habilitar una tarea, no simplemente producir pantallas. Esta categoría conecta la estructura del contenido, la interfaz, la accesibilidad, el rendimiento, la seguridad y el mantenimiento con la experiencia completa.

Qué examinar
  • Describa las tareas y el público objetivo antes de seleccionar los componentes y la tecnología.
  • Pruebe la navegación, los formularios y la retroalimentación de errores en diferentes dispositivos y modos de interacción.
  • Planifique las actualizaciones, las copias de seguridad y la evolución del contenido desde el principio.
  • Verifique la apertura, el movimiento, el cierre y la restauración del contexto en las interfaces que interrumpen una tarea.
  • Inventariar el movimiento, ofrecer un comportamiento reducido y comprobar que el progreso, el estado y la navegación sigan siendo comprensibles sin animación.
  • Una petición interrumpida puede haberse ejecutado en el servidor.
  • Las relaciones entre celdas deben seguir siendo comprensibles en móvil.
  • Hacer perceptibles búsqueda, guardado, progreso y errores en pantalla, con teclado y lector de pantalla.
  • La imagen descargada depende del tamaño previsto y del dispositivo.
  • Los separadores y el orden de fechas pueden generar interpretaciones distintas.
Preguntas útiles
  • ¿Qué ruta conduce a una acción exitosa?
  • ¿Qué estados o contenidos son difíciles de comprender?
  • ¿Cómo se verificarán las correcciones para detectar regresiones?
  • Después de un error, ¿el formulario explica la corrección manteniendo los valores válidos?
  • ¿Es necesario un modal?
  • ¿La reducción del movimiento prohíbe toda animación?
  • ¿Se debe reintentar al volver la conexión?
  • ¿Convertir todo a tarjetas siempre mejora la accesibilidad?
  • ¿Debe anunciarse cada actualización?
  • ¿sizes siempre debe ser 100vw?
  • ¿Cambiar el idioma de la interfaz basta?

Ejemplo ilustrativo de decisión

Situación
Ejemplo ficticio: estos datos no describen clientes ni resultados observados. Una confirmación se transmite con una animación que algunas personas prefieren reducir.
Comprobar
Activar la preferencia de movimiento reducido y comprobar que un texto o estado estático comunica el resultado de la acción.
Actuar
Conservar información y control en la variante reducida. Ofrecer controles adecuados para el movimiento persistente cuando corresponda.

El Poder del Motion Design en UX: Innovación para Guiar la Atención del Usuario

Animación: verificar movimiento reducido, pausa y comprensión

W3C — WCAG 2.3.3 Animation from Interactions (AAA)

Diseñe la espera y la recuperación.

Un recorrido está incompleto si solo se diseña el éxito. Contemple las respuestas faltantes, el estado desconocido y la recuperación sin pérdidas; conecte cada mensaje a una condición verificada y pruebe la comprensión y la navegación.

¿Sabe el usuario qué hacer sin repetir una operación incierta?

Explorar los métodos

Leer los datos y decidir

Formularios: verificar toda la recuperación del error

Mostrar un mensaje no demuestra que se complete la tarea.

Tareas completadas
12 / 2060 %
Tareas bloqueadas
8 / 2040 %
Estados probados
4Campo vacío · Formato rechazado · Reenvío · Confirmación

Caso didáctico ficticio: las cifras no representan a CIE ni a un cliente.

Preguntas para preparar sus decisiones

Encuentre respuestas y comprobaciones prácticas en los análisis de esta sección.

Explorar el archivo

Otros análisis de este tema, más allá de los artículos recientes que aparecen abajo.

Referencias: datos, usos y límites

Documentación consultada el .

Las notas detalladas de esta edición están disponibles en inglés.

Referencias: datos, usos y límites
Fuente y finalidadDato o referencia verificadaCómo utilizarlaLímite que debe conservarse
W3C · WCAG 2.2

Evaluate accessibility criteria for web content.

WCAG 2.2 is a W3C Recommendation. Success criteria have A, AA and AAA levels. Define tasks, pages and states, then combine inspection, keyboard, zoom and relevant assistive technology. Keep reproduction steps for barriers.

Profundizar en el método →

An automated scanner does not establish conformity of a complete journey. Evaluation must cover interactive states and actual content.
Google · Core Web Vitals

Distinguish loading, responsiveness and visual stability.

Good thresholds are LCP ≤ 2.5 s, INP ≤ 200 ms and CLS ≤ 0.1 at the 75th percentile, segmented by mobile and desktop. Separate field measurement from laboratory tests. Record period, URL, device, population and sample size before comparing changes.

Profundizar en el método →

These thresholds are not measured results for this site. A good lab score alone does not establish visitor experience.

Explorar el catálogo KEV de CISA

Las notas detalladas de esta edición están disponibles en inglés.

Bring vulnerability tracking into maintenance

An added entry starts a work item, rather than automatically closing one. Connect tracking to inventory, a change window and service verification after intervention.

  • Assign decision and change owners.
  • Separate patch availability, deployed patch and successful verification.
  • Keep the source, observed result and remaining limits.

Explorar el catálogo y el método →

CISA KEV · 2026.10.21 · Documentary review : 2026-10-22

Formularios: criterios, errores y contraste

Las notas detalladas de esta edición están disponibles en inglés.

Review states, not just the initial page

A form may look clear before entry and become difficult after an error. A useful review retains task context and connects each finding to a version and state.

  • Test waiting, error, correction and confirmation.
  • Separate colour calculation, keyboard navigation and status presentation.
  • Keep steps that reproduce the barrier.

Open the WCAG review grid and contrast calculator →

W3C WAI · Forms Tutorial · User Notifications · Practical guidance · consulted 2026-10-23

CSP: directivas, alternativas y recorridos

Las notas detalladas de esta edición están disponibles en inglés.

Deploy CSP with journey evidence

A monitored policy and an enforced policy have different effects. Server, CDN and proxy transformations may also result in several received policies.

  • Preserve raw policies, mode, delivery and page version.
  • Test sign-in, forms, payment and recovery within scope.
  • Connect reports, defects and stop criteria before deciding on enforcement.

Read CSP fallback orders and explore eight scenarios →

W3C · Content Security Policy Level 3 · Mike West, Antonio Sartori · Working Draft · 2026-09-16 · work in progress · §2.2.1, §3, §6.8.3–6.8.4, §8.1

Fuentes de referencia

Documentos publicados por las organizaciones responsables de estos métodos y normas.