#desarrolloweb

Originally published at norvik.tech Introduction Explora la importancia de la creación...

Originally published at norvik.tech Introduction Explora cómo las PWAs transforman el...

Originally published at norvik.tech Introduction Explora cómo las lecciones de diseño...

Por qué los elementos nativos de divulgación evitan estados interactivos rotos y cómo los nombres de grupo de los elementos `<details>` permiten crear acordeones sin JavaScript.

El nombre que ya era el adecuado. Pruebas de cómo las etiquetas ARIA redundantes anulan el texto del botón y comparación entre controles personalizados basados ​​en `div` y la semántica nativa de los botones.

Todos los menús apuntaban a la misma fila: pruebas sobre cómo los nombres de anclaje CSS sin ámbito desalinean los popovers y verificación de cómo la propiedad `anchor-scope` en el elemento contenedor resuelve el posicionamiento en cuadrículas de varias filas.

El navegador ya cuenta con una arquitectura de accesibilidad. La mayoría de los proyectos la ignoran: por qué las etiquetas ARIA redundantes anulan el texto nativo del documento y cómo el cálculo del nombre accesible gestiona la semántica implícita.

Los *popovers* nativos no reemplazaron a las bibliotecas de JS, sino al código de enlace (*glue code*): por qué se produce la desalineación entre los *popovers* nativos y el posicionamiento de anclaje de CSS, y cómo `anchor-scope` define los límites de los componentes.

Un *focus trap* personalizado conserva una referencia almacenada en caché de su último elemento enfocable. Reemplaza ese elemento con un *re-render* y el *trap* se desactiva: de forma silenciosa y permanente, hasta que alguien navegue con el tabulador directamente hacia la página detrás del modal.

HTML no necesita más reinvenciones, sino confianza en la plataforma: por qué sustituir los diálogos nativos por trampas de foco personalizadas genera deuda de mantenimiento y rompe el confinamiento del foco del teclado.

Por qué los árboles DOM con abstracción de componentes se vuelven más difíciles de leer: cómo el anidamiento de componentes de interfaz oculta la estructura del documento y rompe las jerarquías de encabezados para los lectores de pantalla.

Originally published at norvik.tech Introduction Analizamos cómo el uso de AI en la...