Tecnológico de Monterrey

6 violaciones encontradas· 4 críticas· 2 graves

• Críticoaria-required-childrenLos elementos ARIA con un atributo `[role]` deben incluir elementos secundarios con un `[role]` específico. Faltan algunos o todos los elementos secundarios necesarios.4 elem.

  Elementos afectados (4 de 4)

  • <div class="azulejo" tipo-de-fondo="imagen" estado="inactivo" funcionalidad="enlace" etiqueta="texto-centrado" role="row" orden_lg="0" orden_md="0" orden_sm="0" azulejo-id="0" style="order: 0;">

    Etiqueta: Admisiones y Becas

    Corrección sugerida: Fix any of the following: Element has children which are not allowed: a[tabindex]

  • <div class="azulejo" tipo-de-fondo="imagen" estado="inactivo" funcionalidad="enlace" etiqueta="texto-centrado" role="row" orden_lg="0" orden_md="0" orden_sm="0" azulejo-id="1" style="order: 0;">

    Etiqueta: Educación

    Corrección sugerida: Fix any of the following: Element has children which are not allowed: a[tabindex]

  • <div class="azulejo" tipo-de-fondo="imagen" estado="inactivo" funcionalidad="enlace" etiqueta="texto-centrado" role="row" orden_lg="0" orden_md="0" orden_sm="2" azulejo-id="2" style="order: 2;">

    Etiqueta: Investigación

    Corrección sugerida: Fix any of the following: Element has children which are not allowed: a[tabindex]

  • <div class="azulejo" tipo-de-fondo="imagen" estado="inactivo" funcionalidad="enlace" etiqueta="texto-centrado" role="row" orden_lg="0" orden_md="0" orden_sm="2" azulejo-id="3" style="order: 2;">

    Etiqueta: Facultad

    Corrección sugerida: Fix any of the following: Element has children which are not allowed: a[tabindex]

  Ver documentación de la regla "aria-required-children" (abre en nueva pestaña)
• Críticoaria-required-parentLos elementos `[role]` no se incluyen en los elementos principales necesarios1 elem.

  Elementos afectados (1 de 1)

  • <div class="mosaico" formato="grid" escala="chica" coloractivo="blue" colorinactivo="blue" controlesocultos="0" anchosfijos="0" role="rowgroup">

    Etiqueta: Admisiones y Becas Educación Investigación Facultad

    Corrección sugerida: Fix any of the following: Required ARIA parents role not present: grid, table, treegrid

  Ver documentación de la regla "aria-required-parent" (abre en nueva pestaña)
• Críticoaria-valid-attr-valueLos atributos `[aria-*]` no tienen valores válidos1 elem.

  Elementos afectados (1 de 1)

  • <h3 role="heading" aria-level="h3" class="h3">

    Etiqueta: Conoce nuestros Campus

    Corrección sugerida: Fix all of the following: Invalid ARIA attribute value: aria-level="h3"

  Ver documentación de la regla "aria-valid-attr-value" (abre en nueva pestaña)
• Críticoimage-altLos elementos de imagen no tienen ningún atributo `[alt]`1 elem.

  Elementos afectados (1 de 1)

  • <img src="https://cnv.event.prod.bidr.io/log/cnv?tag_id=282&amp;buzz_key=infinia&amp;value=&amp;…" height="0" width="0">

    Etiqueta: body.no-admin > img

    Corrección sugerida: Fix any of the following: Element does not have an alt attribute aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"

  Ver documentación de la regla "image-alt" (abre en nueva pestaña)
• Gravecolor-contrastLos colores de fondo y de primer plano no tienen una relación de contraste adecuada.10 elem.

  Elementos afectados (5 de 10)

  • <summary class="details-summary">

    Etiqueta: Florecimiento Humano

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.44 (foreground color: #fafafa, background color: #a2a2a2, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

  • <summary class="details-summary">

    Etiqueta: Centro de Dignidad Humana

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.44 (foreground color: #fafafa, background color: #a2a2a2, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

  • <summary class="details-summary">

    Etiqueta: Servicio Social

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.44 (foreground color: #fafafa, background color: #a2a2a2, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

  • <summary class="details-summary">

    Etiqueta: Diversidad e Inclusión

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.44 (foreground color: #fafafa, background color: #a2a2a2, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

  • <summary class="details-summary">

    Etiqueta: Ruta Azul

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.44 (foreground color: #fafafa, background color: #a2a2a2, font size: 18.0pt (24px), font weight: normal). Expected contrast ratio of 3:1

  Ver documentación de la regla "color-contrast" (abre en nueva pestaña)
• Gravelink-nameLos vínculos no tienen nombres reconocibles4 elem.

  Elementos afectados (4 de 4)

  • <a x-ms-format-detection="none" id="block-enlacesprincipales-2" href="/">

    Etiqueta: nav.top-menu-nav > div.left-menu > section.logo > a#block-enlacesprincipales-2

    Corrección sugerida: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute

  • <a href="/es/saltillo">

    Etiqueta: div.col-md-3 > div.hero-sidebar > div.hero-sidebar-buttons > a

    Corrección sugerida: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute

  • <a x-ms-format-detection="none" target="_self" rel="" href="/es/vida-en-campus/residencias-tec" tabindex="0">

    Etiqueta: Residencias Tec

    Corrección sugerida: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute

  • <a href="/es" class="footer__logo">

    Etiqueta: footer.footer > div.container > div#block-emulsify-logofooter > a.footer__logo

    Corrección sugerida: Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have text that is visible to screen readers aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute

  Ver documentación de la regla "link-name" (abre en nueva pestaña)