INFONAVIT — Instituto del Fondo Nacional de la Vivienda

6 violaciones encontradas· 4 críticas· 2 graves

• Críticoimage-altLos elementos de imagen no tienen ningún atributo `[alt]`14 elem.

  Elementos afectados (5 de 14)

  • <img src="/wps/wcm/connect/883b7d19-7b2d-46a6-8df9-2b688ee64b95/26D-0508+Banner-2026…" class="banner-pc w-100">

    Etiqueta: div#carouselExampleIndicators > div.carousel-inner > div#carrouself931cd0c-0339-48b7-bdfe-d9641f5100e7 > img.banner-pc

    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"

  • <img src="/wps/wcm/connect/49df55d9-eaed-497e-9c81-e4456652511d/icono-mi-ahorro.png?…">

    Etiqueta: div.carousel__elemento > div.card > div.card-body > 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"

  • <img src="/wps/wcm/connect/e57ee6e8-b128-4713-b154-d35a26d2276d/icono-tasa-de-intere…">

    Etiqueta: div.carousel__elemento > div.card > div.card-body > 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"

  • <img src="/wps/wcm/connect/d8e61af4-4a62-409f-85fa-73ac25324d74/icono-aportaciones-p…">

    Etiqueta: div.carousel__elemento > div.card > div.card-body > 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"

  • <img src="/wps/wcm/connect/dc94d3f8-1570-438f-b9a9-40b1cf514831/icono-credito-conyug…">

    Etiqueta: div.carousel__elemento > div.card > div.card-body > 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)
• 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.1 elem.

  Elementos afectados (1 de 1)

  • <div role="tablist" class="carousel__indicadores glider-dots">

    Etiqueta: Page 1

    Corrección sugerida: Fix any of the following: Element has children which are not allowed: button[aria-label]

  Ver documentación de la regla "aria-required-children" (abre en nueva pestaña)
• Críticobutton-nameLos botones no tienen nombres accesibles1 elem.

  Elementos afectados (1 de 1)

  • <button id="btnHeart-v" class="btn" onmouseover="a_rs()" type="button" data-toggle="dropdown" aria-expanded="false">

    Etiqueta: div#cont-dd-v > div.text-center > div.dropdown > button#btnHeart-v

    Corrección sugerida: Fix any of the following: Element does not have inner 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 Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation"

  Ver documentación de la regla "button-name" (abre en nueva pestaña)
• CríticolabelLos elementos de formulario no tienen ninguna etiqueta asociada1 elem.

  Elementos afectados (1 de 1)

  • <input class="form-control-range control-deslizable-azul" max="55" min="18" onchange="updateTextInput(this.value);" type="range" value="18">

    Etiqueta: div.card > div.card-body > div.form-group > input.form-control-range

    Corrección sugerida: Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> 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 has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

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

  Elementos afectados (5 de 8)

  • <a class="url-gob-nav" href="https://www.gob.mx/">

    Etiqueta: div.contenedor-nav > nav.navbar > div.navbar-brand > a.url-gob-nav

    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 class="url-infona-nav" href="http://www.infonavit.org.mx/">

    Etiqueta: div.contenedor-nav > nav.navbar > div.navbar-brand > a.url-infona-nav

    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 class="liga-top smoothScroll" href="#navbarSupportedContent">

    Etiqueta: div.container-fluid > div.row > div.col-12 > a.liga-top

    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="https://play.google.com/store/apps/details?id=com.infonavit.micuentainfona…" target="_blank">

    Etiqueta: div.row > div.col-12 > div.text-center > 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 href="https://apps.apple.com/mx/app/mi-cuenta-infonavit-móvil/id1542403564" target="_blank">

    Etiqueta: div.row > div.col-12 > div.text-center > 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

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

  Elementos afectados (5 de 6)

  • <button id="m1clp" class="navbar-toggler toggler-nav-central border-0 collapsed" type="button" data-toggle="collapse" data-target="#navbarCentral" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

    Etiqueta: Derechohabientes

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

  • <span class="azul bold">

    Etiqueta: La Presidenta de México, Claudia Sheinbaum Pardo

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.76 (foreground color: #bc955c, background color: #ffffff, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

  • <h5 id="q1" class="bold azul mt-4">

    Etiqueta: ¿Cumples con estos requisitos y te interesaría comprar una de estas viviendas?

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.76 (foreground color: #bc955c, background color: #ffffff, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

  • <h5 class="bold azul">

    Etiqueta: Accede a Mi Cuenta Infonavit

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.76 (foreground color: #bc955c, background color: #ffffff, font size: 15.0pt (20px), font weight: bold). Expected contrast ratio of 3:1

  • <a href="tel:+5591715050" target="_blank" class="liga-azul">

    Etiqueta: 55 9171 5050

    Corrección sugerida: Fix any of the following: Element has insufficient color contrast of 2.76 (foreground color: #bc955c, background color: #ffffff, 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)