Capítulo 12. Creación de elementos personalizados

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com

Los componentes web son un conjunto de API de plataforma web que te permiten construir tus propios elementos DOM con todas las funciones.

Poder crear elementos personalizados para construir sitios web interactivos de forma nativa es emocionante, pero también introduce nuevos problemas de accesibilidad. Debes ser consciente de las limitaciones y oportunidades de los elementos personalizados y sus API relacionadas. Con la arquitectura adecuada y la planificación suficiente, los componentes web pueden fomentar una mentalidad de desarrollo que dé prioridad a la accesibilidad y crear grandes experiencias. También pueden romper la accesibilidad de forma inherente, si se utilizan sin precaución.

12.1 Trabajar con identificadores

Problema

Es imposible hacer referencia a un elemento del DOM de la Luz en el DOM de la Sombra, o viceversa, utilizando el atributo id. Si no eres consciente de esta limitación e intentas crear estas referencias de todos modos, la relación rota puede afectar a los usuarios:

  • Los enlaces de salto pueden no funcionar, lo que dificulta la navegación.

  • Los elementos del formulario pueden no tener etiquetas adecuadas, lo que dificulta su distinción a los usuarios de lectores de pantalla.

  • Las referencias ARIA pueden romperse, con la consiguiente falta de información o de respuesta para los usuarios ...

Get Recetario de accesibilidad web now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.