Al trabajar en la accesibilidad de un sitio, es posible que veas un ajuste denominado indicadores de enfoque. Estos son rectángulos azules que aparecen alrededor de elementos interactivos, como botone...

Accesibilidad: acerca de los indicadores de enfoque (indicadores visuales)

Descubre cómo los indicadores de enfoque mejoran la accesibilidad de tu sitio Wix. Estos rectángulos azules ayudan a los visitantes que navegan con el teclado a identificar su posición en la página. Aprende a habilitar y verificar estos indicadores en tu sitio para asegurar que todos los usuarios puedan navegar fácilmente. Además, obtén consejos sobre cómo optimizar su visibilidad en diferentes combinaciones de colores.

<div data-component-type="text"><div>Al trabajar en la accesibilidad de un sitio, es posible que veas un ajuste denominado indicadores de enfoque. Estos son rectángulos azules que aparecen alrededor de elementos interactivos, como botones y enlaces, cuando los visitantes usan un teclado para navegar por el sitio online. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/5392965c-0d96-41fc-b26c-0991fea45819/85b68dd0-01d0-4601-bfdc-b88d6eb68f8a.png" alt="Una imagen de un sitio con un indicador visual alrededor del elemento del menú llamado 'Inicio'." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿De dónde obtiene Wix la información?</div><div class="info-content"><ul>
  <li>Basamos nuestras recomendaciones en el <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">documento de las Pautas de Accesibilidad para el Contenido Web (WCAG)</a>, que ha sido desarrollado por el <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Este artículo se basa en el <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html" target="_blank">criterio Foco visible (2.4.7)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-focus-indicators-are-important" level="3">Por qué son importantes los indicadores de enfoque</h2></div><div data-component-type="text"><div>Algunos visitantes navegan por los sitios usando la tecla de tabulación del teclado. Los indicadores de enfoque muestran la posición actual de la tecla de tabulación, para que los visitantes sepan exactamente en qué parte de la página se encuentran. </div></div><div data-component-type="text"><div>Si estos indicadores no están habilitados, es posible que los visitantes del sitio no puedan navegar por la página o por el contenido del sitio. Por lo tanto, los indicadores de enfoque son una parte importante de la accesibilidad de un sitio. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="focus-indicators-on-your-wix-site" level="3">Indicadores de enfoque en tu sitio Wix</h2></div><div data-component-type="text"><div>Los indicadores de enfoque se habilitan automáticamente en todos los sitios que creas con Wix.</div></div><div data-component-type="text"><div>El indicador está diseñado para adaptarse a la mayoría de las combinaciones de colores de los sitios. Sin embargo, es menos visible en los botones que tienen un relleno blanco sobre un fondo azul. Por lo tanto, recomendamos verificar el color de los elementos de tu sitio para asegurarte de que todos los visitantes puedan ver el indicador.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Cómo puedo probar el indicador de enfoque en un sitio?</div><div class="info-content"><div>Para verificar cómo se ve el indicador de enfoque, abre tu sitio online o la vista previa del sitio y navega por la página usando la tecla de tabulación del teclado.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-focus-indicators" level="3">Habilitar los indicadores de enfoque</h2></div><div data-component-type="text"><div>Al revisar un sitio online del Editor de Wix, es posible que notes que el indicador de enfoque no aparece. Si previamente deshabilitaste los indicadores de enfoque, se te pedirá que los habilites en el Asistente de accesibilidad y podrás habilitarlos. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Estás usando el Editor de Wix Studio?</div><div class="info-content"><div>Los indicadores de enfoque siempre están habilitados en los sitios del Editor de Wix Studio, por lo que no es necesario que marques esta configuración. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para habilitar los indicadores visuales:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor% 2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en <strong>Ajustes </strong>en la parte superior y selecciona <strong>Asistente de accesibilidad</strong>.</li>  <li>Haz clic en <strong>Escanear sitio</strong> en el panel a la derecha del editor.</li>  <li>Haz clic en la pestaña <strong>Problemas detectados</strong>.</li>  <li>Abre el menú desplegable <strong>Nivel del sitio</strong> y haz clic en <strong>Mostrar indicadores de enfoque</strong>.</li>  <li>Habilita la palanca <strong>Incluir indicadores visuales</strong>. </li>  <li>Haz clic en <strong>Aplicar</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Una vez que hayas habilitado los indicadores de enfoque en tu sitio del Editor de Wix, no es posible desactivarlos.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/05/30/e14f55c3-776b-419a-8fea-dbf25cdfbb56/b312085b-1950-49f3-81e5-ac06d1c799e3.png" alt="El cursor hace clic en la palanca para habilitar los indicadores en el asistente." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Siguiente paso:</div><div class="info-content"><div>Vuelve a la <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-lista-de-verificación-para-mejorar-la-accesibilidad-de-tu-sitio-web" target="">lista de verificación de accesibilidad</a> para seguir mejorando la accesibilidad del sitio. </div></div></div></div>

Las barras de herramientas de accesibilidad permiten a los visitantes manipular ciertos aspectos de tu sitio, como la fuente y el tamaño del texto. Si bien Wix no ofrece barras de herramientas de acce...

Accesibilidad: agregar una barra de herramientas de accesibilidad a tu sitio

Descubre cómo agregar una barra de herramientas de accesibilidad a tu sitio de Wix utilizando código de un proveedor externo. Aunque Wix no ofrece herramientas integradas, puedes personalizar la experiencia de tus visitantes al permitirles ajustar la fuente y el tamaño del texto. Asegúrate de seguir nuestra lista de verificación de accesibilidad y utilizar el Asistente de accesibilidad para mejorar la navegación en tu sitio.

<div data-component-type="text"><div>Las barras de herramientas de accesibilidad permiten a los visitantes manipular ciertos aspectos de tu sitio, como la fuente y el tamaño del texto. Si bien Wix no ofrece barras de herramientas de accesibilidad integradas, puedes agregar una a tu sitio usando el código de un proveedor externo. </div></div><div data-component-type="text"><div>Estas barras de herramientas no son un requisito para alcanzar el estándar como se describe en las <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Pautas de accesibilidad para contenido web</a>. En cualquier caso, recomendamos seguir nuestra <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-lista-de-verificación-para-mejorar-la-accesibilidad-de-tu-sitio-web" target="">lista de verificación de accesibilidad</a> y escanear tu sitio con el <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-acerca-del-asistente-de-accesibilidad" target="">Asistente de accesibilidad</a> para garantizar una experiencia mejorada para tus visitantes. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>La incrustación de código personalizado solo está disponible para sitios que cuentan con un <a data-composite="true" href="https://support.wix.com/es/article/acerca-de-dominios" target="">dominio conectado</a>. </div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Para agregar una barra de herramientas de accesibilidad con código de terceros:</h2></div><div data-component-type="text"><ol>
  <li>Ve a <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Administrar%20ajustes&amp;title=Selecciona%20un%20sitio&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Ajustes</a> en el panel de control de tu sitio.</li>  <li>Selecciona la pestaña <strong>Código personalizado</strong> en la sección <strong>Avanzado</strong>.</li>  <li>Selecciona <strong>+ Agregar código personalizado</strong> en la parte superior derecha.</li>  <li>Pega el fragmento de código en el cuadro de texto.</li>  <li>Ingresa un nombre para tu código.<br />
<strong>Consejo: </strong>Dale un nombre que sea fácil de reconocer para que puedas identificarlo rápidamente más tarde.</li>  <li>Selecciona una opción en <strong>Agregar código a las páginas</strong>:
    <ul>
      <li><strong>Todas las páginas: </strong>esto agrega el código a todas las páginas de tu sitio, incluidas las nuevas páginas que crearás a futuro. Elige si deseas cargar el código solo una vez por visita, o en cada página que el visitante abra.</li>      <li><strong>Elige páginas específicas: </strong>usa el menú desplegable para seleccionar las páginas relevantes.</li>    </ul>  </li>  <li>Elige dónde colocar tu código:
    <ul>
      <li>Encabezado</li>      <li>Cuerpo - comienzo</li>      <li>Cuerpo - final</li>    </ul>  </li>  <li>Selecciona <strong>Aplicar</strong>.</li></ol></div>

En Wix, trabajamos constantemente para mejorar la accesibilidad de nuestros sitios. Nuestro objetivo es proporcionarte las herramientas que necesitas para garantizar que tu sitio sea accesible y hemos...

Accesibilidad: usar software o herramientas de verificación externas

Descubre cómo mejorar la accesibilidad de tu sitio en Wix con nuestras recomendaciones y herramientas. Aprende a utilizar herramientas externas para evaluar la accesibilidad y recibir sugerencias de mejora. Además, considera consultar a un asesor de accesibilidad para asegurarte de que tu sitio cumpla con las leyes y requisitos específicos de tu región.

<div data-component-type="text"><div>En Wix, trabajamos constantemente para mejorar la accesibilidad de nuestros sitios. Nuestro objetivo es proporcionarte las herramientas que necesitas para garantizar que tu sitio sea accesible y hemos creado una <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-lista-de-verificación-para-mejorar-la-accesibilidad-de-tu-sitio-web" target="">pauta que enumera nuestras recomendaciones</a>.</div></div><div data-component-type="text"><div>Puedes usar herramientas externas para revisar la accesibilidad de tu sitio y recibir sugerencias de mejora. Sin embargo, cada <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-cumplimiento-de-leyes-regionales" target="">país y región tiene leyes diferentes</a>, por lo que recomendamos que un asesor de accesibilidad revise tu sitio para asegurarnos de que cumpla con los requisitos de tu región.</div></div>

Los atributos ARIA proporcionan información adicional sobre la semántica de los elementos a las tecnologías de asistencia como los lectores de pantalla. Es posible que desees agregar atributos ARIA a ...

Accesibilidad: agregar atributos ARIA a las apps web personalizadas

Aprende a agregar atributos ARIA a tus elementos y aplicaciones personalizadas en Wix para mejorar la accesibilidad de tu sitio. Los atributos ARIA proporcionan información crucial a tecnologías de asistencia, como lectores de pantalla, cuando el HTML nativo no es suficiente. Descubre cómo habilitar el modo desarrollador en el Editor de Wix Studio y utilizar el Asistente de accesibilidad para personalizar estos atributos, asegurando que tu contenido sea accesible para todos los usuarios.

<div data-component-type="text"><div>Los atributos ARIA proporcionan información adicional sobre la semántica de los elementos a las tecnologías de asistencia como los lectores de pantalla. Es posible que desees agregar atributos ARIA a los elementos o las apps personalizados de tu sitio.</div></div><div data-component-type="text"><div>Los atributos ARIA son importantes, ya que definen las formas en que los elementos y las apps personalizados pueden ser accesibles cuando no es posible hacerlo con el HTML nativo del elemento.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Esta función está destinada a los usuarios cuyas apps/elementos personalizados requieren atributos ARIA. Si no los tienes en tu sitio, no necesitas editar los atributos ARIA.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-aria-attributes" level="3">Agregar atributos ARIA</h2></div><div data-component-type="text"><div>Ya hemos codificado los atributos ARIA para la mayoría de los elementos del sitio. Sin embargo, si has creado apps personalizadas, es posible que desees agregar tus propios atributos ARIA por motivos de accesibilidad.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-de-Wix-Studio" class="tab-heading heading-0">Editor de Wix Studio</div><div data-slug="Editor-de-Wix" class="tab-heading heading-1">Editor de Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Habilita el modo desarrollador (Velo by Wix) en el Editor de Wix Studio para agregar atributos a los elementos. Velo te permite <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/about-velo-by-wix" target="_blank">agregar codificación, crear bases de datos y más</a>.</div></div><div data-component-type="text"><ol>
  <li>Selecciona <strong>Código</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0de74f7a-9d8a-4c0c-8279-219bd3eefe97/d55e629b-e8dc-4acc-8af2-7a7779fb8bbc.png" /> a la izquierda del editor.</li>  <li>Selecciona la aplicación o el elemento correspondiente y haz clic en el icono <strong>Más acciones</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Selecciona <strong>Accesibilidad</strong>.</li>  <li>Selecciona <strong>Agregar atributo</strong>.</li>  <li>Selecciona un atributo del menú desplegable.</li>  <li>Ingresa una etiqueta/selecciona el nivel o el valor.</li>  <li>Selecciona <strong>Agregar</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/28953d00-e0af-4830-9a6e-befc645463b7/d306108c-c260-44f0-8301-e5713d96a4c6.jpg" alt="El panel de accesibilidad de un elemento en el Editor de Wix Studio. El cursor hace clic en el botón Agregar atributo." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Habilita las herramientas para desarrolladores en el <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-acerca-del-asistente-de-accesibilidad" target="">Asistente de accesibilidad</a> para agregar atributos ARIA a los elementos personalizados. Luego, puedes agregar el atributo haciendo clic con el botón derecho en el elemento o la aplicación.</div></div><div data-component-type="text"><ol>
  <li>Selecciona <strong>Ajustes</strong> en la barra superior del editor.</li>  <li>Selecciona <strong>Asistente de accesibilidad</strong>.</li>  <li>Selecciona el icono <strong>Más acciones</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" /> en la barra superior del Asistente.</li>  <li>Selecciona <strong>Ajustes avanzados de accesibilidad</strong>.</li>  <li>Haz clic en la palanca <strong>Herramientas de desarrollo de accesibilidad</strong> para activarla.</li>  <li>Haz clic con el botón derecho en la app o el elemento al que deseas agregar los atributos.</li>  <li>Selecciona <strong>Accesibilidad</strong>.</li>  <li>Selecciona <strong>Agregar atributo</strong>.</li>  <li>Selecciona un atributo del menú desplegable.</li>  <li>Ingresa una etiqueta/selecciona el nivel o el valor.</li>  <li>Selecciona <strong>Agregar</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/08f56fa8-dbc6-4484-b600-2447401cd390/51281520-4c34-49dc-a5f1-8159f3ce06e7.jpg" alt="El panel de accesibilidad y el asistente están abiertos. El cursor está haciendo clic en Agregar atributo y la palanca está habilitada." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Importante:</div><div class="info-content"><div>Puedes desactivar la configuración de accesibilidad avanzada en cualquier momento y los atributos ARIA no se borrarán.</div></div></div></div></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Puedes agregar atributos ARIA a los siguientes elementos:</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Elemento</div></th><th><div>Propiedades</div></th></tr></thead><tbody><tr><td><div>Ventana interactiva</div></td><td><div>Etiqueta</div></td></tr><tr><td><div>Texto </div></td><td><div>etiqueta, rol <a data-composite="true" href="https://es.wix.com/contact/es" target="_blank">encabezado, estado, alerta], live, relevante, atómico, oculto, actual, nivel</a></div></td></tr><tr><td><div>Caja contenedora</div></td><td><div>etiqueta, tabindex, rol [región, grupo, ninguno, estado, alerta], live, relevante, atómico, actual, controles, oculto</div></td></tr><tr><td><div>Franja</div></td><td><div>etiqueta, tabindex, rol [encabezado, estado, alerta], live, atómico, oculto, actual</div></td></tr><tr><td><div>Repetidor</div></td><td><div>etiqueta, rol [encabezado, estado, alerta]</div></td></tr><tr><td><div>Botón de texto</div></td><td><div>tabindex, presionado, expandido, haspopup</div></td></tr></tbody></table></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Estamos trabajando continuamente en la capacidad de agregar atributos ARIA a más elementos. [Ponte en contacto con nosotros si tienes alguna solicitud específica sobre los atributos ARIA. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-your-aria-attributes" level="3">Editar los atributos de ARIA</h2></div><div data-component-type="text"><div>Después de agregar atributos a las apps personalizadas, puedes editarlas y actualizarlas cuando lo desees con el icono de accesibilidad <img data-composite="true" src="https://lh6.googleusercontent.com/tzGAKNeD3huzfUCBGbiHOAmMhpoOMn2d7mXWbB8x3rd5_wDvr4uEfNczYUD_5EqzSdzFPLv5nc9zp7VkwFDWloqQmUBf71J5_kTbI5nE3o9Wb2s_CS8xcsfkw0eHNAxCpa4dBBIq=s0" />. Este icono se agrega automáticamente a los elementos a los que has conectado atributos.</div></div><div data-component-type="heading"><h2 id="" level="4">Para editar el atributo:</h2></div><div data-component-type="text"><ol>
  <li>Selecciona el elemento o la aplicación en el editor.</li>  <li>Selecciona el icono <strong>Accesibilidad</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/05/123b3ec4-f910-485b-ba95-c80ee1f6723b/29accdaa-a7f8-4070-a4e9-be08ffc45e99.png" />.</li>  <li>Pasa el cursor sobre el atributo correspondiente y selecciona el icono <strong>Más acciones</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Selecciona <strong>Editar</strong>.</li>  <li>Realiza los cambios pertinentes y selecciona <strong>Guardar</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-aria-attributes" level="3">Tipos de atributos ARIA</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Nombre del atributo</div></th><th><div>Categoría</div></th><th><div>Tokens</div></th></tr></thead><tbody><tr><td><div>tabindex</div></td><td><div><br /></div></td><td><div>0, -1</div></td></tr><tr><td><div>Rol</div></td><td><div><br /></div></td><td><div>token: según la definición en primitivo</div></td></tr><tr><td><div>aria-level</div></td><td><div><br /></div></td><td><div>int</div></td></tr><tr><td><div>aria-live</div></td><td><div>Live</div></td><td><div>token: polite, assertive</div></td></tr><tr><td><div>aria-multiline </div></td><td><div>Descripción</div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-multiselectable</div></td><td><div>Descripción</div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-pressed</div></td><td><div>Estado</div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-relevant</div></td><td><div>Live</div></td><td><div>token: all, additions, removals, text</div></td></tr><tr><td><div>aria-activedescendant</div></td><td><div>Relaciones</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-atomic</div></td><td><div>Live</div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-autocomplete</div></td><td><div>Descripción</div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-controls</div></td><td><div>Relaciones</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-current</div></td><td><div>Estado</div></td><td><div>paso, página, verdadero, falso</div></td></tr><tr><td><div>aria-describedby</div></td><td><div>Relaciones</div></td><td><div>ID_REF (space separated items)</div></td></tr><tr><td><div>aria-expanded</div></td><td><div><br /></div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-haspopup</div></td><td><div>Relaciones</div></td><td><div>diálogo, menú, verdadero, falso</div></td></tr><tr><td><div>aria-hidden</div></td><td><div><br /></div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-invalid</div></td><td><div>Estado</div></td><td><div>verdadero, falso</div></td></tr><tr><td><div>aria-label</div></td><td><div><br /></div></td><td><div>string</div></td></tr><tr><td><div>aria-labelledby </div></td><td><div>Relaciones</div></td><td><div>ID_REF (space separated items)</div></td></tr></tbody></table></div></div>

Actualmente, no tenemos una barra de herramientas de accesibilidad integrada que tus visitantes puedan usar para ajustar o mejorar ciertas partes de tu sitio. Como alternativa, puedes agregar una barr...

Solicitud de accesibilidad: agregar una barra de herramientas de accesibilidad a tu sitio

Descubre cómo puedes agregar una barra de herramientas de accesibilidad a tu sitio utilizando un código externo, ya que actualmente no contamos con una opción integrada. Aunque estas herramientas no son necesarias para cumplir con los estándares de accesibilidad, tu opinión es valiosa para nosotros. Si deseas esta función en el futuro, puedes votar por ella y te mantendremos informado sobre las actualizaciones.

<div data-component-type="text"><div>Actualmente, no tenemos una barra de herramientas de accesibilidad integrada que tus visitantes puedan usar para ajustar o mejorar ciertas partes de tu sitio. </div></div><div data-component-type="text"><div>Como alternativa, puedes agregar una barra de herramientas de accesibilidad <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-agregar-una-barra-de-herramientas-de-accesibilidad-a-tu-sitio" target="">recuperando un código externo e incrustándolo en tu sitio</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Las barras de herramientas de accesibilidad no son un requisito para alcanzar el estándar como se describe en las <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Pautas de accesibilidad para el contenido web</a>. </div></div></div></div><div data-component-type="text"><div>Estamos siempre trabajando para actualizar y mejorar nuestros productos, por lo que apreciamos mucho tus comentarios.</div></div><div data-component-type="text"><div>Si esta es una función que te gustaría ver en el futuro, haz clic en <strong>Votar por esta función</strong> y nos aseguraremos de mantenerte al tanto.</div></div>

Tú o tus visitantes pueden notar que los elementos que contienen movimiento (como efectos de animación y videos transparentes) no se reproducen tanto en la versión móvil como en la versión de escritor...

Accesibilidad: los videos y la animación no se reproducen en el sitio online

Descubre cómo las configuraciones de "Movimiento reducido" y "Opciones de rendimiento" pueden afectar la reproducción de animaciones y videos en tu sitio móvil. Aprende a desactivar el movimiento reducido en diferentes dispositivos para que tú y tus visitantes puedan disfrutar de todos los efectos visuales. Además, encuentra información sobre cómo ajustar la configuración de rendimiento en Windows para mejorar la experiencia de navegación en tu sitio.

<div data-component-type="text"><div>Tú o tus visitantes pueden notar que los elementos que contienen movimiento (como efectos de animación y videos transparentes) no se reproducen tanto en la versión móvil como en la versión de escritorio de tu sitio online. Esto puede deberse a la configuración del sistema operativo que tú o tu visitante están usando.</div></div><div data-component-type="text"><div>Hay dos opciones que impiden que la animación y los videos se reproduzcan en un sitio online: Movimiento reducido y Mejor rendimiento.</div></div><div data-component-type="text"><div><strong>En este artículo, obtén más información sobre:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-los-videos-y-las-animaciones-no-se-reproducen-en-el-sitio-online#reduced-motion" target="">Movimiento reducido en dispositivos</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-los-videos-y-las-animaciones-no-se-reproducen-en-el-sitio-online#performance-options" target="">Opciones de rendimiento en Windows</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reduced-motion" level="3">Movimiento reducido</h2></div><div data-component-type="text"><div>La función de movimiento reducido detiene la reproducción de animaciones y videos en el navegador. El movimiento reducido es una función de accesibilidad, lo que significa que su uso principal es permitir a los visitantes con discapacidades o ciertas condiciones (por ejemplo, mareos) visitar tu sitio.</div></div><div data-component-type="text"><div>El movimiento reducido está disponible en la mayoría de los sistemas operativos. Tú y tus visitantes pueden desactivar esta función para así ver la gama completa de efectos, movimientos y animación de tu sitio.</div></div><div data-component-type="text"><div>Selecciona el dispositivo correspondiente de la lista a continuación para aprender a desactivar el movimiento reducido.</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.apple.com/es-es/HT202655" target="_blank">iPhone y iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/es-es/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.office.com/es-es/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>El movimiento reducido también se habilita automáticamente para algunos dispositivos móviles en modo de batería baja o ahorro de energía.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="performance-options" level="3">Opciones de rendimiento</h2></div><div data-component-type="text"><div>Los visitantes pueden cambiar la configuración en sus computadoras para mejorar el rendimiento de tu sitio. La configuración <strong>Ajustar para obtener el mejor rendimiento</strong>, disponible en dispositivos con sistema operativo Windows, permite elegir qué hacer con los efectos visuales, como elementos animados y videos.</div></div><div data-component-type="text"><div>Según sus preferencias, los visitantes pueden elegir si desean habilitar o deshabilitar cualquier efecto visual en su navegador.</div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar la configuración de rendimiento:</h2></div><div data-component-type="text"><ol>
  <li>Ingresa &quot;Rendimiento&quot; en el cuadro de búsqueda de Windows.</li>  <li>Selecciona <strong>Ajustar la apariencia y el rendimiento de Windows</strong>.</li>  <li>Selecciona la pestaña <strong>Efectos visuales</strong>.</li>  <li>Elige una opción de la lista a continuación:
    <ul>
      <li><strong>Permitir que Windows elija lo que es mejor para mi computadora:</strong> Windows cambia la configuración de rendimiento de tu dispositivo en función de las capacidades de tu dispositivo.</li>      <li><strong>Ajustar para obtener la mejor apariencia:</strong> todos los efectos y opciones visuales avanzados están habilitados y se reproducen en tu dispositivo (incluida la animación y los videos).</li>      <li><strong>Ajustar para obtener el mejor rendimiento:</strong> todos los efectos y opciones visuales avanzados están deshabilitados y no se reproducen en tu dispositivo.</li>      <li><strong>Personalizado:</strong> ajusta manualmente la configuración para habilitar y deshabilitar las funciones que desees.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/18/fdef93a2-4781-416b-8a15-f73d77c4f12c/8fae3cab-b453-4700-9e83-97d8d57a83b9.png" alt="Ajusta la apariencia y el rendimiento de la pestaña de Windows. El cursor pasa por encima de" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Para que los visitantes vean la reproducción de animaciones y videos en tu sitio en vivo, deben seleccionar la opción <strong>Ajustar para obtener la mejor apariencia</strong>.</div></div></div></div>

&quot;Ir al contenido principal&quot; es una función que permite a los visitantes usar tecnologías adicionales o de asistencia para omitir contenido irrelevante o repetido. Así es como aparece en un s...

Accesibilidad: acerca de la función "Ir al contenido principal"

Descubre cómo habilitar la función "Ir al contenido principal" en tu sitio de Wix para mejorar la accesibilidad. Esta herramienta permite a los visitantes que utilizan tecnologías de asistencia saltar directamente al contenido principal, evitando contenido repetido. Aprende a activarla fácilmente desde el Asistente de accesibilidad y asegúrate de que sea visible para todos los usuarios, contribuyendo así a una mejor experiencia de navegación.

<div data-component-type="text"><div>&quot;Ir al contenido principal&quot; es una función que permite a los visitantes usar tecnologías adicionales o de asistencia para omitir contenido irrelevante o repetido. </div></div><div data-component-type="text"><div>Así es como aparece en un sitio online de Wix:</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/13/04bd498b-4bcc-471d-9078-111775493073/0d4f6684-5a9a-49f5-9279-b83acfee00b9.png" alt="Un sitio online con el botón Ir al contenido principal habilitado." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿De dónde obtiene Wix la información?</div><div class="info-content"><ul>
  <li>Basamos nuestras recomendaciones en el <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">documento de las Pautas de Accesibilidad para el Contenido Web (WCAG)</a>, que ha sido desarrollado por el <a data-composite="true" href="https://www.w3.org/" target="_blank">World Wide Web Consortium (W3C)</a>. </li>  <li>Este artículo se basa en el <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks.html" target="_blank">criterio de éxito 2.4.1 (Omitir bloqueos)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-skip-to-main-content-is-important" level="3">Por qué es importante la función Ir al contenido principal</h2></div><div data-component-type="text"><div>Los visitantes videntes o los visitantes que usan el mouse pueden localizar el contenido principal de una página de forma visual o desplazándose por la página del sitio. Sin embargo, algunos visitantes del sitio, como aquellos que tienen problemas visuales, pueden usar tecnologías de asistencia o un teclado para navegar. </div></div><div data-component-type="text"><div>La función Ir al contenido principal les proporciona a estos visitantes un acceso directo al contenido principal de la página, sin necesidad de revisar primero el contenido repetido (por ejemplo, el título del sitio, el menú, etc.).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="skip-to-main-content-and-wix-sites" level="3">Ir al contenido principal y los sitios Wix</h2></div><div data-component-type="text"><div>La función Ir al contenido principal se activa automáticamente en todos los sitios que creas con Wix. Aparece como un enlace cuando los visitantes navegan por la página usando la tecla de tabulación.</div></div><div data-component-type="text"><div>El enlace está diseñado para adaptarse a la mayoría de las combinaciones de colores de los sitios. Sin embargo, puede ser menos visible en los encabezados o las secciones del sitio que usan una combinación de colores blanco y azul. Por lo tanto, te recomendamos verificar el color de estas secciones para asegurarte de que se destaque para los visitantes.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Cómo puedo probar la función Ir al contenido principal?</div><div class="info-content"><div>Para verificar el funcionamiento de la herramienta, abre tu sitio online o la vista previa del sitio y navega por la página usando la tecla de tabulación del teclado.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-skip-to-main-content" level="3">Habilitar la función Ir al contenido principal</h2></div><div data-component-type="text"><div>Si notas que el enlace no aparece en la vista previa o en la versión online de un sitio del Editor de Wix, puedes verificarlo y habilitarlo desde el Asistente de accesibilidad. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Estás creando un sitio con el Editor de Wix Studio?</div><div class="info-content"><div>La función Ir al contenido principal siempre está habilitada en los sitios del Editor de Wix Studio, por lo que no necesitas verificar esta configuración. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para habilitar la función Ir al contenido principal:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en <strong>Ajustes </strong>en la parte superior y selecciona <strong>Asistente de accesibilidad</strong>.</li>  <li>Haz clic en <strong>Escanear sitio</strong> en el panel a la derecha del editor.</li>  <li>Haz clic en la pestaña <strong>Problemas detectados</strong>.</li>  <li>Abre el menú desplegable <strong>Nivel del sitio</strong> y haz clic en <strong>Agregar el enlace &quot;Ir al contenido principal&quot;</strong>.</li>  <li>Haz clic en la palanca <strong>Permitir &quot;Ir al contenido principal&quot;</strong>.</li>  <li>Haz clic en <strong>Aplicar</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2025/05/30/f72e7a62-0f9b-405e-8380-a6bacc71b7f6/0631eb61-6455-4b3a-8392-503423216f1f.png" alt="El cursor hace clic en la palanca para permitir ir al contenido principal en el asistente." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Información útil:</div><div class="info-content"><div>Una vez que hayas habilitado la función Ir al contenido principal desde el asistente, no se podrá desactivar.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Siguiente paso:</div><div class="info-content"><div>Vuelve a la <a data-composite="true" href="https://support.wix.com/es/article/accesibilidad-lista-de-verificación-para-mejorar-la-accesibilidad-de-tu-sitio-web" target="">lista de verificación de accesibilidad</a> para seguir mejorando la accesibilidad del sitio. </div></div></div></div>

Actualmente, no es posible crear un mapa dinámico del sitio en HTML, que se actualizaría automáticamente cuando agregas nuevas páginas a tu sitio. Como alternativa, puedes crear una página del sitio q...

Solicitud de accesibilidad: creación de un sitemap HTML dinámico

Descubre cómo crear una página en tu sitio que enumere y enlace todas tus páginas, ya que actualmente no es posible generar un mapa dinámico que se actualice automáticamente. Aprende a mantener tu lista actualizada y comparte tus comentarios sobre esta función, ya que estamos trabajando constantemente en mejoras. Vota por esta opción para que podamos considerarla en el futuro.

<div data-component-type="text"><div>Actualmente, no es posible crear un mapa dinámico del sitio en HTML, que se actualizaría automáticamente cuando agregas nuevas páginas a tu sitio. </div></div><div data-component-type="text"><div>Como alternativa, puedes <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-agregar-una-página-a-tu-sitio" target="">crear una página del sitio</a> que enumera y <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-agregar-un-enlace-a-un-elemento" target="">enlaza a todas las páginas del sitio</a> y puedes actualizar la lista cuando sea necesario.</div></div><div data-component-type="text"><div>Siempre estamos trabajando para actualizar y mejorar nuestros productos, por lo que apreciamos mucho tus comentarios.</div></div><div data-component-type="text"><div>Si esta es una función que te gustaría ver en el futuro, haz clic en <strong>Votar por esta función</strong> y nos aseguraremos de mantenerte al tanto.</div></div>

Cómo empezar

Elegir una plantilla

Contratar a un profesional para crear tu sitio

Aprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online. 

Primeros pasos

Crea tu sitio web y haz crecer tu negocio con Wix

Conceptos básicos del Editor de Wix

Usar las herramientas del Editor

Estilo de la página

Franjas y columnas

Estructurar el sitio

Diseñar el sitio

Páginas

Menús

Administrar páginas y menús

Textos

Botones

Cajas y contenedores

Diapositivas

Formas y líneas

Agregar y personalizar elementos

Imágenes

Galerías

Videos

Documentos y archivos

Agregar archivos y multimedia

Trabajar con elementos

Usar efectos y animaciones

Compartir y promover el sitio

Agregar elementos avanzados

Comenzar con la versión móvil

Herramientas en la versión móvil

Páginas en el sitio móvil

Fondos en el sitio móvil

Estilos en la versión móvil

Menús del sitio en la versión móvil

Textos en la versión móvil

Contenido multimedia en la versión móvil

Otros elementos en la versión móvil

Solucionar problemas en la versión móvil

Crear un sitio en la versión móvil

Resolver problemas en el editor

Usar el Editor de Wix

Usar el panel de control de tu sitio

Gestionar tu sitio

Gestionar los roles y permisos

Administrar tu sitio

Primeros pasos con la IA

Usar la IA para crear y administrar tu sitio

Usar la IA para configurar tu negocio

Agente de marketing con AI

Agente de IA personalizado

Usar Agentes de IA

Herramientas con IA

Primeros pasos con el editor

Usar las herramientas del editor

Estructurar tu sitio

Agregar animaciones y efectos

Personalizar la marca de tu sitio

Diseñar tu sitio

Resolución de problemas para tu sitio

Editor de Wix Harmony

Aspectos básicos del Administrador de multimedia

Subir archivos multimedia

Comprar archivos multimedia

Gestionar archivos multimedia

Dificultades con archivos multimedia

Agregar y administrar archivos multimedia

Usar la Galería Wix Pro

Editar imágenes (Wix Photo Studio)

Primeros pasos con Wixel

Crear y administrar proyectos

Diseñar con Wixel

Upgrade y gestión de la cuenta

Wixel

Administrar archivos multimedia

Wix Multilingüe: conceptos básicos

Traducir tu sitio

Administrar los idiomas

SEO en Wix Multilingüe

Crear un sitio multilingüe

Privacidad y RGPD

Sobre la accesibilidad

Hacer tu sitio accesible

Funciones avanzadas de accesibilidad

Crear un sitio accesible

Sobre el CMS (anteriormente Administrador de contenidos)

Usar el CMS

Conectar el contenido de las colecciones del CMS a tu sitio

Trabajar con páginas dinámicas y el CMS

Conectar elementos de entrada del usuario al CMS

Usar el CMS con otros productos de Wix

Funciones avanzadas del CMS

Wix para desarrolladores

Avanzado: versiones de prueba (Release Candidates)

Wix Blocks

Funciones avanzadas

Wix Vibe

Aprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.

Crear tu sitio

Crea y gestiona tu sitio con las funciones intuitivas de Wix

Ajustes de la cuenta

Problemas de inicio de sesión

Gestionar tu cuenta

Hacer Upgrade a un plan Premium

Facturación de planes Premium

Facturación de dominios

Facturación de Google Workspace e emails empresariales

Gestionar tus suscripciones

Cargos, pagos e impuestos

Facturas por los servicios de Wix

Promociones y cupones

Facturación y suscripciones premium

Revisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.

Cuenta y facturación

Gestiona suscripciones, planes y facturas

Administrar tu sitio en la app Wix

Aspectos básicos de las apps móviles

Personalizar tu propia app móvil

Administrar tu propia app móvil

Enviar tu app móvil para su aprobación

Crear tu propia app móvil

Personalizar tu sitio desde las apps de Wix para miembros

Administrar tu sitio desde las apps de Wix para miembros

Usar apps móviles como miembro

Usar las apps de Wix para miembros

Apps móviles para tus clientes

Utiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.

Usar las apps móviles de Wix

Gestiona tu negocio y conecta con los miembros

Aspectos básicos de los dominios

Dominios de Wix

Dominios comprados externamente

Transferir dominios

Administrar dominios

Solucionar problemas de dominios

Comprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.

Conectar un dominio

Aprende a comprar, conectar o transferir un dominio

Configurar la tienda

Administrar productos y categorías

Configurar envíos y cumplimiento

Configurar pagos y finalización de compra

Diseñar la tienda

Gestionar los pedidos

Gestionar el inventario de la tienda

Administrar el Área personal

Administrar emails de la tienda

Administrar cupones

Dropshipping con Wix Stores

Configurar canales de venta

App Wix para Wix Stores

Wix Stores

Configurar Wix Bookings

Crear  tus servicios

Administrar tu equipo

Gestionar el calendario y reservas

Membresías, paquetes y pagos

Personalizar las páginas de Wix Bookings

Emails, SMS y promociones

Usar la app Wix para administrar reservas

Videoconferencias con Wix Bookings

Fit by Wix

Servicios de consulta

Wix Bookings

Configurar Wix Eventos

Crear eventos

Diseñar Wix Eventos

Administrar eventos

Wix Eventos

Soluciones de negocio y apps

Encuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.

Administrar tu negocio

Herramientas para ampliar tu negocio y tu presencia online