Accessibility test digest
Synopsis
Page: Fundación Hearcolors
URL: https://www.hearcolors.com.mx/
Score: 646
Tested by: Testaro, procedure tp12
Scored by: Testilo, procedure sp12a
Digested by: Testilo, procedure dp12a
Introduction
The Testaro application used its tp12 testing procedure to test the accessibility (barrier-free design and coding) of the Fundación Hearcolors web page at https://www.hearcolors.com.mx/ on 2022/07/06. The procedure performed 808 tests. Of these, 16 are custom tests defined by Testaro, and the others belong to these six other packages (programs that perform collections of tests):
- Alfa by Siteimprove
- Axe-core by Deque
- HTML CodeSniffer by Squiz Labs
- Equal Access by IBM
- Tenon by Level Access
- WAVE by WebAIM
Testaro produced a report enumerating the test results.
Testilo processed the report and used the sp12a scoring procedure to compute partial and total scores for the page. The total score is 646 (where 0 is the best possible score). The scored report is appended below.
Finally, Testilo used procedure dp12a to produce this digest, briefly explaining how sp12a computed the scores.
Score summary
| total | 646 |
|---|---|
| log | 250 |
| parentMissing | 68 |
| targetSize | 62 |
| listItemOrphan | 26 |
| menuNavigation | 24 |
| linkIndication | 23 |
| linkForcesNewWindow | 23 |
| contrastAAA | 14 |
| ariaBadAttribute | 10 |
| focusIndication | 9 |
| iframeTitleBad | 9 |
| imageNoText | 9 |
| inconsistentStyles | 8 |
| childMissing | 8 |
| noLeading | 8 |
| linkNoText | 6 |
| invisibleLabel | 6 |
| contentBeyondLandmarks | 6 |
| overflowHidden | 6 |
| leadingClipsText | 6 |
| tabIndexMissing | 6 |
| focusableOperable | 4 |
| zIndexNotZero | 4 |
| decorativeImageRisk | 4 |
| contrastRisk | 4 |
| headingStructure | 4 |
| spontaneousMotion | 3 |
| labelClash | 3 |
| roleBad | 3 |
| skipRepeatedContent | 3 |
| frameContentRisk | 3 |
| hiddenContentRisk | 3 |
| pseudoHeadingRisk | 3 |
| nonSemanticText | 3 |
| justification | 3 |
| linkPair | 3 |
| videoCaptionRisk | 3 |
| allCaps | 3 |
| pseudoParagraphRisk | 3 |
Issue summary
Special issues
log: Score 250. This is based on the amount of browser error logging and miscellaneous logging during the tests.
Classified issues
parentMissing: Score 68. Issues reported by tests in this category:
- Package
alfa, testr42, score 56 (Element is not owned by an element of its required context role) - Package
axe, testaria-required-parent, score 24 (ARIA role is not contained by a required parent)
targetSize: Score 62. Issues reported by tests in this category:
- Package
tenon, test152, score 60 (Actionable element is smaller than the minimum required size)
listItemOrphan: Score 26. Issues reported by tests in this category:
- Package
axe, testlistitem, score 24 (li element is not contained by a ul or ol element)
menuNavigation: Score 24. Issues reported by tests in this category:
- Package
testaro, testmenuNav, score 22 (Nonstandard keyboard navigation among focusable menu items)
linkIndication: Score 23. Issues reported by tests in this category:
- Package
testaro, testlinkUl, score 20 (Non-underlined adjacent links) - Package
alfa, testr62, score 2 (Inline link is not distinct from the surrounding text except by color)
linkForcesNewWindow: Score 23. Issues reported by tests in this category:
- Package
tenon, test218, score 21 (Link opens in a new window without user control)
contrastAAA: Score 14. Issues reported by tests in this category:
- Package
alfa, testr66, score 2 (Text contrast less than AAA requires) - Package
axe, testcolor-contrast-enhanced, score 11 (Element has insufficient color contrast (Level AAA))
ariaBadAttribute: Score 10. Issues reported by tests in this category:
- Package
axe, testaria-valid-attr-value, score 8 (ARIA attribute has an invalid value)
focusIndication: Score 9. Issues reported by tests in this category:
- Package
testaro, testfocInd, score 5 (Focused element displaying no or nostandard focus indicator) - Package
alfa, testr65, score 5 (Element in sequential focus order has no visible focus)
iframeTitleBad: Score 9. Issues reported by tests in this category:
- Package
alfa, testr13, score 4 (iframe has no accessible name) - Package
axe, testframe-title, score 3 (Frame has no accessible name) - Package
htmlcs, teste:AA.2_4_1.H64.1, score 4 (iframe element has no non-empty title attribute)
imageNoText: Score 9. Issues reported by tests in this category:
- Package
axe, testimage-alt, score 4 (Image has no text alternative) - Package
htmlcs, teste:AA.1_1_1.H37, score 4 (img element has no alt attribute) - Package
wave, teste:alt_spacer_missing, score 4 (Spacer image has no text alternative)
inconsistentStyles: Score 8. Issues reported by tests in this category:
- Package
testaro, teststyleDiff, score 6 (Heading, link, and button style inconsistencies)
childMissing: Score 8. Issues reported by tests in this category:
- Package
alfa, testr68, score 4 (Element does not own an element required by its semantic role) - Package
axe, testaria-required-children, score 4 (ARIA role does not contain a required child)
noLeading: Score 8. Issues reported by tests in this category:
- Package
alfa, testr73, score 6 (Paragraph of text has insufficient line height)
linkNoText: Score 6. Issues reported by tests in this category:
- Package
alfa, testr11, score 4 (Link has no accessible name)
invisibleLabel: Score 6. Issues reported by tests in this category:
- Package
alfa, testr14, score 3 (Visible label is not in the accessible name) - Package
axe, testlabel-content-name-mismatch, score 2 (Element visible text is not part of its accessible name)
contentBeyondLandmarks: Score 6. Issues reported by tests in this category:
- Package
alfa, testr57, score 4 (Perceivable text content is not included in any landmark)
overflowHidden: Score 6. Issues reported by tests in this category:
- Package
alfa, testr83, score 4 (Overflow is hidden or clipped if the text is enlarged)
leadingClipsText: Score 6. Issues reported by tests in this category:
- Package
tenon, test144, score 4 (Line height is insufficent to properly display the computed font size)
tabIndexMissing: Score 6. Issues reported by tests in this category:
- Package
tenon, test190, score 4 (Interactive item is not natively actionable, but has no tabindex=0 attribute)
focusableOperable: Score 4. Issues reported by tests in this category:
- Package
testaro, testfocOp, score 2 (Operable elements that cannot be Tab-focused and vice versa)
zIndexNotZero: Score 4. Issues reported by tests in this category:
- Package
testaro, testzIndex, score 2 (Layering with nondefault z-index values)
decorativeImageRisk: Score 4. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_1_1.H67.2, score 2 (Image marked as decorative may be informative)
contrastRisk: Score 4. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_4_3.G145.Abs, score 1 (Contrast between the absolutely positioned large text and its background may be less than 3:1) - Package
htmlcs, testw:AA.1_4_3_F24.F24.FGColour, score 1 (Inline foreground color may lack a complementary background color)
headingStructure: Score 4. Issues reported by tests in this category:
- Package
wave, testa:heading_skipped, score 2 (Skipped heading level) - Package
tenon, test155, score 1 (Headings are not structured in a hierarchical manner)
spontaneousMotion: Score 3. Issues reported by tests in this category:
- Package
testaro, testmotion, score 1 (Change of visible content not requested by user)
labelClash: Score 3. Issues reported by tests in this category:
- Package
testaro, testlabClash, score 1 (Incompatible label types)
roleBad: Score 3. Issues reported by tests in this category:
- Package
testaro, testrole, score 1 (Nonexistent or implicit-overriding role)
skipRepeatedContent: Score 3. Issues reported by tests in this category:
- Package
alfa, testr87, score 1 (First focusable element is not a link to the main content)
frameContentRisk: Score 3. Issues reported by tests in this category:
- Package
axe, testframe-tested, score 1 (Some content is in an iframe and therefore may not be testable for accessibility)
hiddenContentRisk: Score 3. Issues reported by tests in this category:
- Package
axe, testhidden-content, score 1 (Some content is hidden and therefore may not be testable for accessibility)
pseudoHeadingRisk: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1.H42, score 1 (Heading coding is not used but the element may be intended as a heading)
nonSemanticText: Score 3. Issues reported by tests in this category:
- Package
htmlcs, testw:AA.1_3_1.H49.B, score 1 (Special text is bolded nonsemantically)
justification: Score 3. Issues reported by tests in this category:
- Package
wave, testa:text_justified, score 1 (Text is justified) - Package
tenon, test36, score 1 (Text is fully justified)
linkPair: Score 3. Issues reported by tests in this category:
- Package
wave, testa:link_redundant, score 1 (Adjacent links go to the same URL)
videoCaptionRisk: Score 3. Issues reported by tests in this category:
- Package
wave, testa:youtube_video, score 1 (YouTube video may have no or incorrect captions)
allCaps: Score 3. Issues reported by tests in this category:
- Package
tenon, test153, score 1 (Long string of text is in all caps)
pseudoParagraphRisk: Score 3. Issues reported by tests in this category:
- Package
tenon, test242, score 1 (Multiple consecutive br elements may simulate paragraphs)
Discussion
Although there are widely accepted accessibility standards, there is no unanimity about how to define, test, and quantify accessibility. The failures reported in this digest merit investigation as potential opportunities for improved accessibility. Investigation may lead you to conclude that some of the reported failures do not actually harm accessibility. Conversely, some substantial accessibility faults can escape detection by any of these tests. You may question the attempt to assign an accessibility score to a web page, or you may prefer weightings and formulas different from those used by sp12a. You can modify and extend Testaro and Testilo to fit other theories and priorities.
Here, in brief, is how sp12a computes a score for a page.
- It finds all the defects and warnings (let’s call them
issues
) recorded in the report. - It classifies them according to type. For example, a link that looks like the text around it is one issue category, while a video that has no captions is another issue category.
- It also classifies the issues according to severity. For example, an issue that prevents a transaction is more severe than an issue that only complicates the transaction, and a warning about a possible issue is less severe than a definite finding of an issue. (Some packages rate the severity of each issue; for the other packages,
sp12aassigns a severity weight to the issue type and uses that weight.) - It assigns quality ratings to particular tests that are judged abnormally reliable or unreliable.
- It assigns a score to each issue reported by each test of each package.
- It aggregates the issue scores, weighting them by severity, test quality, and redundancy. Redundancy occurs, and causes downweighting, when two or more packages contain tests that are designed to discover the same or mostly the same issues. So the score for a category is not simply the sum of the scores of the tests in that category.
- It assigns a score for issues in the page logged by the browser.
- It assigns an estimated score each time the page prevents one of the packages or one of the Testaro tests from being run on the page.
- It adds the scores together to obtain a total score.
The precise rules of sp12a are found in the code itself.
Report
{
"id": "3zjtz-hearcolors",
"host": {
"id": "hearcolors",
"which": "https://www.hearcolors.com.mx/",
"what": "Fundación Hearcolors"
},
"log": [
{
"event": "startTime",
"value": "2022-07-06T01:49:18"
},
{
"event": "endTime",
"value": "2022-07-06T01:51:12"
}
],
"script": {
"id": "tp12",
"what": "Alfa, Axe, HTML CodeSniffer, IBM, Tenon, WAVE, and 16 custom tests",
"strict": true,
"commands": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "Fundación Hearcolors"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request"
},
{
"type": "test",
"which": "motion",
"what": "spontaneous change of content; requires webkit",
"delay": 2500,
"interval": 2500,
"count": 5
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "Fundación Hearcolors"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements"
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements incorrectly embedded in each other"
},
{
"type": "test",
"which": "focAll",
"what": "Tab-focusability"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability of elements"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover impacts"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "unlabeled and mislabeled form controls"
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "underlining of inline links"
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation within true-focus menus"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "grouping of radio buttons in fieldsets"
},
{
"type": "test",
"which": "role",
"what": "validity and necessity of role assignments"
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style consistency of headings, buttons, and links"
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation within tab lists"
},
{
"type": "test",
"which": "zIndex",
"withItems": true,
"what": "elements with non-auto z indexes"
},
{
"type": "test",
"which": "alfa",
"what": "Siteimprove alfa"
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe core, all rules"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker, with page content and again with URL"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE, report-type 4"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon API version 2 result retrieval"
}
]
},
"acts": [
{
"type": "launch",
"which": "webkit",
"what": "Webkit browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "Fundación Hearcolors",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "tenonRequest",
"id": "a",
"withNewContent": true,
"what": "Tenon API version 2 test request",
"url": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "motion",
"what": "motion",
"delay": 2500,
"interval": 2500,
"count": 5,
"url": "https://www.hearcolors.com.mx/",
"result": {
"bytes": [
312372,
313006,
312372,
312372,
312372
],
"localRatios": [
1.002,
1.002,
1,
1
],
"meanLocalRatio": 1.001,
"maxLocalRatio": 1.002,
"globalRatio": 1.002,
"pixelChanges": [
0,
0,
0,
0
],
"meanPixelChange": 0,
"maxPixelChange": 0,
"changeFrequency": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "Chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "Fundación Hearcolors",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "bulk",
"what": "count of visible elements",
"url": "https://www.hearcolors.com.mx/",
"result": {
"visibleElements": 261
}
},
{
"type": "test",
"which": "embAc",
"withItems": true,
"what": "active elements embedded in links or buttons",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"links": 0,
"buttons": 0,
"inputs": 0,
"selects": 0
},
"items": []
}
},
{
"type": "test",
"which": "focAll",
"what": "focusable and Tab-focused elements",
"url": "https://www.hearcolors.com.mx/",
"result": {
"tabFocusables": 36,
"tabFocused": 36,
"discrepancy": 0
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "focInd",
"revealAll": false,
"allowedDelay": 250,
"withItems": true,
"what": "focus indicators",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"total": 36,
"types": {
"indicatorMissing": {
"total": 0,
"tagNames": {}
},
"nonOutlinePresent": {
"total": 5,
"tagNames": {
"BUTTON": 3,
"IFRAME": 2
}
},
"outlinePresent": {
"total": 31,
"meanDelay": 0,
"tagNames": {
"A": 31
}
}
}
},
"items": {
"indicatorMissing": [],
"nonOutlinePresent": [
{
"tagName": "BUTTON",
"text": "ACCEDER"
},
{
"tagName": "IFRAME",
"text": ""
},
{
"tagName": "BUTTON",
"text": "Conoce más de nuestros productos"
},
{
"tagName": "BUTTON",
"text": "SUSCRIBIRSE AL BOLETÍN"
},
{
"tagName": "IFRAME",
"text": ""
}
],
"outlinePresent": [
{
"tagName": "A",
"text": "Saltar al pie de página",
"delay": 0
},
{
"tagName": "A",
"text": "Saltar al menú",
"delay": 0
},
{
"tagName": "A",
"text": "Saltar al contenido principal",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "INICIO",
"delay": 0
},
{
"tagName": "A",
"text": "PRODUCTOS Y SERVICIOS",
"delay": 0
},
{
"tagName": "A",
"text": "BLOG",
"delay": 0
},
{
"tagName": "A",
"text": "NOSOTROS",
"delay": 0
},
{
"tagName": "A",
"text": "FUNDACIÓNHEARCOLORS",
"delay": 0
},
{
"tagName": "A",
"text": "CAPACITACIONESEN LÍNEA",
"delay": 0
},
{
"tagName": "A",
"text": "0",
"delay": 0
},
{
"tagName": "A",
"text": "La voz del experto",
"delay": 0
},
{
"tagName": "A",
"text": "La voz del usuario",
"delay": 0
},
{
"tagName": "A",
"text": "HearColors Educación",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "Inicio",
"delay": 0
},
{
"tagName": "A",
"text": "Productos y Servicios",
"delay": 0
},
{
"tagName": "A",
"text": "Blog",
"delay": 0
},
{
"tagName": "A",
"text": "Nosotros",
"delay": 0
},
{
"tagName": "A",
"text": "Fundación Hearcolors",
"delay": 0
},
{
"tagName": "A",
"text": "Capacitaciones en Línea",
"delay": 0
},
{
"tagName": "A",
"text": "(55) 52-02-19-60",
"delay": 0
},
{
"tagName": "A",
"text": "info@hearcolors.com.mx",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "",
"delay": 0
},
{
"tagName": "A",
"text": "Contacto",
"delay": 0
},
{
"tagName": "A",
"text": "Aviso de privacidad",
"delay": 0
},
{
"tagName": "A",
"text": "Términos y condiciones",
"delay": 0
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "focOp",
"withItems": true,
"what": "focusability and operability",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"total": 78,
"types": {
"onlyFocusable": {
"total": 5,
"tagNames": {
"DIV": 4,
"P": 1
}
},
"onlyOperable": {
"total": 0,
"tagNames": {}
},
"focusableAndOperable": {
"total": 73,
"tagNames": {
"IFRAME": 3,
"BUTTON": 21,
"INPUT": 15,
"A": 33,
"TEXTAREA": 1
}
}
}
},
"items": {
"onlyFocusable": [
{
"tagName": "DIV",
"id": "",
"text": "Errores en el formulario"
},
{
"tagName": "P",
"id": "",
"text": "Todos los campos son requeridos"
},
{
"tagName": "DIV",
"id": "",
"text": "Errores en el formulario"
},
{
"tagName": "DIV",
"id": "",
"text": "Errores en el formulario"
},
{
"tagName": "DIV",
"id": "",
"text": "Errores en el formulario"
}
],
"onlyOperable": [],
"focusableAndOperable": [
{
"tagName": "IFRAME",
"id": "iframe_descarga",
"text": "<iframe id=\"iframe_descarga\" style=\"display: none;\" title=\"Contenedor para desca",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "nombre_completo_registro",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"nombre_completo_re",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "correo_registro",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"correo_registro\" n",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "pass_registro",
"text": "<input type=\"password\" aria-describedby=\"desc_contraseña_registro\" class=\"form-c",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "confirmar_pass_registro",
"text": "<input type=\"password\" aria-describedby=\"desc_contraseña_registro\" class=\"form-c",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "",
"text": "Registrarse",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "correo_inicio_sesion",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"correo_inicio_sesi",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "pass_inicio_sesion",
"text": "<input type=\"password\" class=\"form-control input_herramienta\" id=\"pass_inicio_se",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "¿Olvidaste tu contraseña?",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "Registrarse",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "Iniciar sesión",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "correo_olvidaste_contraseña",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" aria-describedby=\"desc",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "",
"text": "Regresar",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "Enviar",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "Proceder al pago",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "tarjeta_pestaña",
"text": "Tarjeta de crédito o débito",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "nombre_tarjetahabiente",
"text": "<input type=\"text\" class=\"form-control\" aria-required=\"true\" id=\"nombre_tarjetah",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "numero_tarjeta",
"text": "<input type=\"text\" aria-describedby=\"lista_tarjetas\" aria-required=\"true\" class=",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "cvc",
"text": "<input type=\"password\" class=\"form-control\" aria-required=\"true\" size=\"3\" id=\"cv",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "fecha_mes",
"text": "<input type=\"text\" class=\"form-control\" aria-required=\"true\" aria-label=\"Mes en ",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "fecha_anio",
"text": "<input type=\"text\" class=\"form-control\" aria-required=\"true\" aria-label=\"Año en ",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "",
"text": "Confirmar productos y pagar",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "<button class=\"navbar-toggler btn_salto\" type=\"button\" data-toggle=\"collapse\" da",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Saltar al pie de página",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Saltar al menú",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Saltar al contenido principal",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a class=\"navbar-brand\" href=\"https://www.hearcolors.com.mx/web/inicio\" style=\"c",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "INICIO",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "PRODUCTOS Y SERVICIOS",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "BLOG",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "NOSOTROS",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "FUNDACIÓNHEARCOLORS",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "CAPACITACIONESEN LÍNEA",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "ACCEDER",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "btn_carrito",
"text": "0",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "correo_boletin",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"correo_boletin\">",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "",
"text": "Suscribirse al boletín",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "La voz del experto",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "La voz del usuario",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "IFRAME",
"id": "",
"text": "<iframe width=\"100%\" height=\"350\" src=\"https://www.youtube.com/embed/-G0qfIFOErI",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "A",
"id": "",
"text": "HearColors Educación",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "Conoce más de nuestros productos",
"byTag": true,
"byOnClick": true,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "SUSCRIBIRSE AL BOLETÍN",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "BUTTON",
"id": "",
"text": "×",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "INPUT",
"id": "nombre_contacto",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" aria-required=\"true\" i",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "INPUT",
"id": "correo_contacto",
"text": "<input type=\"text\" class=\"form-control input_herramienta\" aria-required=\"true\" i",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "TEXTAREA",
"id": "mensaje_contacto",
"text": "<textarea type=\"text\" rows=\"5\" class=\"form-control input_herramienta\" aria-requi",
"byTag": true,
"byOnClick": false,
"byPointer": false
},
{
"tagName": "BUTTON",
"id": "",
"text": "Enviar",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a target=\"_blank\" style=\"display: block; cursor: default;\" href=\"https://www.he",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a target=\"_blank\" style=\"display: block; cursor: default;\" href=\"https://zeropr",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Inicio",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Productos y Servicios",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Blog",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Nosotros",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Fundación Hearcolors",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Capacitaciones en Línea",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "(55) 52-02-19-60",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "info@hearcolors.com.mx",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a target=\"_blank\" aria-label=\"Facebook de HearColors, se abrirá en una nueva pe",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a target=\"_blank\" aria-label=\"Twitter de HearColors, se abrirá en una nueva pes",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a target=\"_blank\" aria-label=\"Linkedin de HearColors, se abrirá en una nueva pe",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "<a target=\"_blank\" aria-label=\"Youtube de HearColors, se abrirá en una nueva pes",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Contacto",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Aviso de privacidad",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "A",
"id": "",
"text": "Términos y condiciones",
"byTag": true,
"byOnClick": false,
"byPointer": true
},
{
"tagName": "IFRAME",
"id": "",
"text": "<iframe height=\"1\" scrolling=\"no\" frameborder=\"0\" width=\"1\" src=\"https://ssl.kap",
"byTag": true,
"byOnClick": false,
"byPointer": false
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "hover",
"headSize": 20,
"headSampleSize": 20,
"tailSampleSize": 15,
"withItems": true,
"what": "hover-caused content changes",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"triggers": 69,
"headTriggers": 20,
"tailTriggers": 49,
"impactTriggers": 0,
"additions": 0,
"removals": 0,
"opacityChanges": 0,
"opacityImpact": 0,
"unhoverables": 0
},
"items": {
"head": {
"impactTriggers": [],
"unhoverables": []
},
"tail": {
"impactTriggers": [],
"unhoverables": []
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "labClash",
"withItems": true,
"what": "labeling inconsistencies",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"mislabeled": 2,
"unlabeled": 0,
"wellLabeled": 35
},
"items": {
"mislabeled": [
{
"index": 21,
"tagName": "INPUT",
"type": "text",
"labelTypes": [
"aria-label",
"label"
],
"texts": {
"attribute": "Mes en formato de dos dígitos",
"label": [
"Mes (MM)"
]
}
},
{
"index": 22,
"tagName": "INPUT",
"type": "text",
"labelTypes": [
"aria-label",
"label"
],
"texts": {
"attribute": "Año en formato de 4 dígitos",
"label": [
"Año (AAAA)"
]
}
}
],
"unlabeled": [],
"wellLabeled": [
{
"index": 0,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 1,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Nombre completo"
]
}
},
{
"index": 2,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Correo"
]
}
},
{
"index": 3,
"tagName": "INPUT",
"type": "password",
"labelType": "label",
"texts": {
"label": [
"Contraseña"
]
}
},
{
"index": 4,
"tagName": "INPUT",
"type": "password",
"labelType": "label",
"texts": {
"label": [
"Confirmar contraseña"
]
}
},
{
"index": 5,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Registrarse"
}
},
{
"index": 6,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 7,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Correo"
]
}
},
{
"index": 8,
"tagName": "INPUT",
"type": "password",
"labelType": "label",
"texts": {
"label": [
"Contraseña"
]
}
},
{
"index": 9,
"tagName": "BUTTON",
"type": "button",
"texts": {
"content": "Registrarse"
}
},
{
"index": 10,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Iniciar sesión"
}
},
{
"index": 11,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 12,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Correo"
]
}
},
{
"index": 13,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Regresar a la ventana emergente de inicio de sesión",
"content": "Regresar"
}
},
{
"index": 14,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Enviar"
}
},
{
"index": 15,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 16,
"tagName": "BUTTON",
"type": "button",
"texts": {
"content": "Proceder al pago"
}
},
{
"index": 17,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 18,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Nombre del tarjetahabiente"
]
}
},
{
"index": 19,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Número de tarjeta de crédito"
]
}
},
{
"index": 20,
"tagName": "INPUT",
"type": "password",
"labelType": "label",
"texts": {
"label": [
"Código de verificación CVC"
]
}
},
{
"index": 23,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "Confirmar productos y pagar"
}
},
{
"index": 24,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Menú de salto de bloques"
}
},
{
"index": 25,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Menú de navegación"
}
},
{
"index": 26,
"tagName": "BUTTON",
"type": "submit",
"texts": {
"content": "ACCEDER"
}
},
{
"index": 27,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 28,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Correo electrónico"
]
}
},
{
"index": 29,
"tagName": "BUTTON",
"type": "button",
"texts": {
"content": "Suscribirse al boletín"
}
},
{
"index": 30,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Conoce más de nuestros productos, será redirigido a la sección Recursos de accesibilidad",
"content": "Conoce más de nuestros productos"
}
},
{
"index": 31,
"tagName": "BUTTON",
"type": "button",
"texts": {
"content": "SUSCRIBIRSE AL BOLETÍN"
}
},
{
"index": 32,
"tagName": "BUTTON",
"type": "button",
"labelType": "aria-label",
"texts": {
"attribute": "Cerrar",
"content": "×"
}
},
{
"index": 33,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Nombre"
]
}
},
{
"index": 34,
"tagName": "INPUT",
"type": "text",
"labelType": "label",
"texts": {
"label": [
"Correo electrónico"
]
}
},
{
"index": 35,
"tagName": "TEXTAREA",
"type": "textarea",
"labelType": "label",
"texts": {
"label": [
"Mensaje"
]
}
},
{
"index": 36,
"tagName": "BUTTON",
"type": "button",
"texts": {
"content": "Enviar"
}
}
]
}
}
},
{
"type": "test",
"which": "linkUl",
"withItems": true,
"what": "adjacent-link underlining",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"links": 33,
"adjacent": {
"total": 20,
"underlined": 0,
"underlinedPercent": 0
}
},
"items": {
"underlined": [],
"notUnderlined": [
"¿Olvidaste tu contraseña?",
"Tarjeta de crédito o débito",
"",
"INICIO",
"PRODUCTOS Y SERVICIOS",
"BLOG",
"NOSOTROS",
"FUNDACIÓNHEARCOLORS",
"CAPACITACIONESEN LÍNEA",
"0",
"La voz del experto",
"La voz del usuario",
"HearColors Educación",
"",
"",
"(55) 52-02-19-60",
"info@hearcolors.com.mx",
"Contacto",
"Aviso de privacidad",
"Términos y condiciones"
]
}
}
},
{
"type": "test",
"which": "menuNav",
"withItems": true,
"what": "keyboard navigation between focusable menu items",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"navigations": {
"all": {
"total": 30,
"correct": 8,
"incorrect": 22
},
"specific": {
"tab": {
"total": 6,
"correct": 6,
"incorrect": 0
},
"left": {
"total": 6,
"correct": 0,
"incorrect": 6
},
"right": {
"total": 6,
"correct": 0,
"incorrect": 6
},
"up": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"down": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"home": {
"total": 6,
"correct": 1,
"incorrect": 5
},
"end": {
"total": 6,
"correct": 1,
"incorrect": 5
}
}
},
"menuItems": {
"total": 6,
"correct": 0,
"incorrect": 6
},
"menus": {
"total": 1,
"correct": 0,
"incorrect": 1
}
},
"menuItems": {
"incorrect": [
{
"tagName": "A",
"text": "INICIO",
"navigationErrors": [
"ArrowRight",
"ArrowLeft",
"End"
]
},
{
"tagName": "A",
"text": "PRODUCTOS Y SERVICIOS",
"navigationErrors": [
"ArrowRight",
"ArrowLeft",
"Home",
"End"
]
},
{
"tagName": "A",
"text": "BLOG",
"navigationErrors": [
"ArrowRight",
"ArrowLeft",
"Home",
"End"
]
},
{
"tagName": "A",
"text": "NOSOTROS",
"navigationErrors": [
"ArrowRight",
"ArrowLeft",
"Home",
"End"
]
},
{
"tagName": "A",
"text": "FUNDACIÓNHEARCOLORS",
"navigationErrors": [
"ArrowRight",
"ArrowLeft",
"Home",
"End"
]
},
{
"tagName": "A",
"text": "CAPACITACIONESEN LÍNEA",
"navigationErrors": [
"ArrowRight",
"ArrowLeft",
"Home"
]
}
],
"correct": []
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "radioSet",
"withItems": true,
"what": "fieldset grouping of radio buttons",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"total": 0,
"inSet": 0,
"percent": "N.A."
},
"items": {
"inSet": [],
"notInSet": []
}
}
},
{
"type": "test",
"which": "role",
"what": "roles",
"url": "https://www.hearcolors.com.mx/",
"result": {
"roleElements": 40,
"badRoleElements": 1,
"tagNames": {
"A": {
"button": 1
}
}
}
},
{
"type": "test",
"which": "styleDiff",
"withItems": true,
"what": "style inconsistencies",
"url": "https://www.hearcolors.com.mx/",
"result": {
"mainStyles": [
"fontStyle",
"fontWeight",
"opacity",
"textDecorationLine",
"textDecorationStyle",
"textDecorationThickness"
],
"buttonStyles": [
"borderStyle",
"borderWidth",
"height",
"lineHeight",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"outlineOffset",
"outlineStyle",
"outlineWidth"
],
"headingStyles": [
"color",
"fontSize"
],
"listLinkStyles": [
"color",
"fontSize",
"lineHeight"
],
"totals": {
"button": {
"total": 21,
"subtotals": [
8,
7,
2,
2,
1,
1
]
},
"adjacentLink": {
"total": 20,
"subtotals": [
11,
9
]
},
"listLink": {
"total": 13,
"subtotals": [
9,
4
]
},
"h1": {
"total": 1
},
"h2": {
"total": 10,
"subtotals": [
5,
4,
1
]
},
"h3": {
"total": 12,
"subtotals": [
6,
4,
2
]
},
"h5": {
"total": 3
}
},
"items": {
"button": {
"fontWeight": {
"400": [
"",
"",
"ACCEDER",
"Suscribirse al boletín",
"Conoce más de nuestros productos"
],
"500": [
"Registrarse",
"Registrarse",
"Iniciar sesión",
"Regresar",
"Enviar",
"Proceder al pago",
"Confirmar productos y pagar",
"SUSCRIBIRSE AL BOLETÍN",
"Enviar"
],
"700": [
"×",
"×",
"×",
"×",
"×",
"×",
"×"
]
},
"borderStyle": {
"none": [
"×",
"×",
"×",
"×",
"×",
"×",
"×"
],
"solid": [
"Registrarse",
"Registrarse",
"Iniciar sesión",
"Regresar",
"Enviar",
"Proceder al pago",
"Confirmar productos y pagar",
"",
"",
"ACCEDER",
"Suscribirse al boletín",
"Conoce más de nuestros productos",
"SUSCRIBIRSE AL BOLETÍN",
"Enviar"
]
},
"borderWidth": {
"0px": [
"×",
"×",
"×",
"×",
"×",
"×",
"×"
],
"1px": [
"Registrarse",
"Registrarse",
"Iniciar sesión",
"Regresar",
"Enviar",
"Proceder al pago",
"Confirmar productos y pagar",
"",
"",
"ACCEDER",
"Suscribirse al boletín",
"Conoce más de nuestros productos",
"SUSCRIBIRSE AL BOLETÍN",
"Enviar"
]
},
"height": {
"auto": [
"×",
"Registrarse",
"×",
"Registrarse",
"Iniciar sesión",
"×",
"Regresar",
"Enviar",
"×",
"Proceder al pago",
"×",
"Confirmar productos y pagar",
"",
"",
"×",
"Suscribirse al boletín",
"×",
"Enviar"
],
"38px": [
"ACCEDER",
"Conoce más de nuestros productos",
"SUSCRIBIRSE AL BOLETÍN"
]
},
"lineHeight": {
"24px": [
"×",
"Registrarse",
"×",
"Registrarse",
"Iniciar sesión",
"×",
"Regresar",
"Enviar",
"×",
"Proceder al pago",
"×",
"Confirmar productos y pagar",
"ACCEDER",
"×",
"Suscribirse al boletín",
"Conoce más de nuestros productos",
"SUSCRIBIRSE AL BOLETÍN",
"×",
"Enviar"
],
"20px": [
"",
""
]
},
"minWidth": {
"0px": [
"×",
"×",
"×",
"×",
"×",
"",
"",
"ACCEDER",
"×",
"Suscribirse al boletín",
"Conoce más de nuestros productos",
"×"
],
"100px": [
"Registrarse",
"Registrarse",
"Iniciar sesión",
"Regresar",
"Enviar",
"Proceder al pago",
"Confirmar productos y pagar",
"SUSCRIBIRSE AL BOLETÍN",
"Enviar"
]
}
},
"adjacentLink": {
"fontWeight": {
"400": [
"¿Olvidaste tu contraseña?",
"",
"",
"",
"(55) 52-02-19-60",
"info@hearcolors.com.mx",
"Contacto",
"Aviso de privacidad",
"Términos y condiciones"
],
"500": [
"Tarjeta de crédito o débito",
"INICIO",
"PRODUCTOS Y SERVICIOS",
"BLOG",
"NOSOTROS",
"FUNDACIÓNHEARCOLORS",
"CAPACITACIONESEN LÍNEA",
"0",
"La voz del experto",
"La voz del usuario",
"HearColors Educación"
]
}
},
"listLink": {
"fontSize": {
"16px": [
"Saltar al pie de página",
"Saltar al menú",
"Saltar al contenido principal",
"Inicio",
"Productos y Servicios",
"Blog",
"Nosotros",
"Fundación Hearcolors",
"Capacitaciones en Línea"
],
"35px": [
"",
"",
"",
""
]
},
"lineHeight": {
"24px": [
"Saltar al pie de página",
"Saltar al menú",
"Saltar al contenido principal",
"Inicio",
"Productos y Servicios",
"Blog",
"Nosotros",
"Fundación Hearcolors",
"Capacitaciones en Línea"
],
"52.5px": [
"",
"",
"",
""
]
}
},
"h2": {
"fontWeight": {
"400": [
"Regístrate",
"Iniciar sesión",
"¿Olvidaste tu contraseña?",
"Pago de tus productos"
],
"500": [
"Campaña global CovidAccessibilityBugBounty"
],
"700": [
"¿Qué es la accesibilidad?",
"Capacitaciones en línea",
"Accesibilidad digital: la herramienta para cumplir tus metas",
"Productos y servicios de accesibilidad",
"Clientes"
]
},
"color": {
"rgb(255, 255, 255)": [
"Regístrate",
"Iniciar sesión",
"¿Olvidaste tu contraseña?",
"Pago de tus productos"
],
"rgb(19, 41, 145)": [
"Campaña global CovidAccessibilityBugBounty",
"¿Qué es la accesibilidad?",
"Capacitaciones en línea",
"Accesibilidad digital: la herramienta para cumplir tus metas",
"Productos y servicios de accesibilidad",
"Clientes"
]
},
"fontSize": {
"33.6px": [
"Regístrate",
"Iniciar sesión",
"¿Olvidaste tu contraseña?",
"Pago de tus productos",
"¿Qué es la accesibilidad?",
"Capacitaciones en línea",
"Accesibilidad digital: la herramienta para cumplir tus metas",
"Productos y servicios de accesibilidad",
"Clientes"
],
"28px": [
"Campaña global CovidAccessibilityBugBounty"
]
}
},
"h3": {
"fontWeight": {
"500": [
"Mi carrito",
"Método de pago"
],
"700": [
"Errores en el formulario",
"Errores en el formulario",
"Errores en el formulario",
"Errores en el formulario",
"Recursos humanos y áreas de atención al público",
"Marketing y comunicación social",
"Sistemas",
"Distintivo de Accesibilidad",
"Reporte de accesibilidad",
"Access Corner"
]
},
"color": {
"rgb(196, 36, 70)": [
"Errores en el formulario",
"Errores en el formulario",
"Errores en el formulario",
"Errores en el formulario"
],
"rgb(33, 37, 41)": [
"Mi carrito",
"Método de pago"
],
"rgb(19, 41, 145)": [
"Recursos humanos y áreas de atención al público",
"Marketing y comunicación social",
"Sistemas",
"Distintivo de Accesibilidad",
"Reporte de accesibilidad",
"Access Corner"
]
},
"fontSize": {
"18px": [
"Errores en el formulario",
"Errores en el formulario",
"Errores en el formulario",
"Errores en el formulario"
],
"28px": [
"Mi carrito",
"Método de pago"
],
"24px": [
"Recursos humanos y áreas de atención al público",
"Marketing y comunicación social",
"Sistemas",
"Distintivo de Accesibilidad",
"Reporte de accesibilidad",
"Access Corner"
]
}
}
}
}
},
{
"type": "test",
"which": "tabNav",
"withItems": true,
"what": "keyboard navigation between tab elements",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"navigations": {
"all": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"specific": {
"tab": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"left": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"right": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"up": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"down": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"home": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"end": {
"total": 0,
"correct": 0,
"incorrect": 0
}
}
},
"tabElements": {
"total": 0,
"correct": 0,
"incorrect": 0
},
"tabLists": {
"total": 0,
"correct": 0,
"incorrect": 0
}
},
"tabElements": {
"incorrect": [],
"correct": []
}
}
},
{
"type": "test",
"which": "zIndex",
"withItems": true,
"what": "z indexes",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"total": 9,
"tagNames": {
"DIV": 7,
"NAV": 2
}
},
"items": [
{
"tagName": "DIV",
"id": "modal_registro",
"text": "Regístrate × Formulario de registro Errores en el formulario Todos los campos son requeridos Nombre "
},
{
"tagName": "DIV",
"id": "modal_inicio_sesion",
"text": "Iniciar sesión × Formulario de inicio de sesión Errores en el formulario Correo Contraseña ¿Olvidast"
},
{
"tagName": "DIV",
"id": "modal_olvidaste_contraseña",
"text": "¿Olvidaste tu contraseña? × Formulario de contraseña olvidada Errores en el formulario Ingrese la di"
},
{
"tagName": "DIV",
"id": "modal_carrito",
"text": "Mi carrito × Productos por comprar Producto Plan Cantidad Precio (USD) Eliminar producto del carrito"
},
{
"tagName": "DIV",
"id": "modal_pago_conDetalle",
"text": "Pago de tus productos × Mi carrito Productos por comprar Producto Cantidad Precio (USD) Total $0 Mét"
},
{
"tagName": "NAV",
"id": "",
"text": "Saltar al pie de página Saltar al menú Saltar al contenido principal"
},
{
"tagName": "NAV",
"id": "menu_superior",
"text": "INICIO PRODUCTOS Y SERVICIOS BLOG NOSOTROS FUNDACIÓNHEARCOLORS CAPACITACIONESEN LÍNEA ACCEDER 0"
},
{
"tagName": "DIV",
"id": "modal_boletin",
"text": "Suscribirse al boletín × Correo electrónico Suscribirse al boletín"
},
{
"tagName": "DIV",
"id": "modal_contacto",
"text": "Contacto × Se detectaron los siguientes errores en el formulario: Todas las entradas de datos son re"
}
]
}
},
{
"type": "test",
"which": "alfa",
"what": "alfa",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"failures": 26,
"warnings": 6
},
"items": [
{
"index": 10,
"verdict": "failed",
"rule": {
"ruleID": "r11",
"ruleSummary": "Links have an accessible name",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r11",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#link-purpose-in-context",
"chapter": "2.4.4",
"title": "Link Purpose (In Context)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#link-purpose-link-only",
"chapter": "2.4.9",
"title": "Link Purpose (Link Only)"
},
{
"uri": "https://www.w3.org/TR/WCAG/#name-role-value",
"chapter": "4.1.2",
"title": "Name, Role, Value"
},
{
"uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G91",
"name": "G91",
"title": "Providing link text that describes the purpose of a link"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[2]/div[1]/div[1]/a[1]",
"codeLines": [
"<a class=\"ytp-title-channel-name\" target=\"_blank\" href=\"\"></a>"
]
}
},
{
"index": 37,
"verdict": "failed",
"rule": {
"ruleID": "r13",
"ruleSummary": "<iframe> elements have an accessible name",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r13",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#name-role-value",
"chapter": "4.1.2",
"title": "Name, Role, Value"
}
]
},
"target": {
"type": "element",
"tagName": "iframe",
"path": "/html[1]/body[1]/iframe[2]",
"codeLines": [
"<iframe height=\"1\" scrolling=\"no\" frameborder=\"0\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.htm?m...",
" <img height=\"1\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=ir4iua4u4fkz8g4ozov3y6...",
" #document",
" <!doctype html>",
" <html>",
" <head></head>",
" <body style=\"margin:0;padding:0;position:absolute;\">",
" <script type=\"text/javascript\">",
" (function(){var myUndefined,typeUndefined=typeof myUndefined;if(typeof window.con===typeU...",
" </script>",
" <script type=\"text/javascript\">",
" con.host='https://ssl.kaptcha.com';con.cookieId='6ce389df91864030a91fd940e8b954a6';con.se...",
" </script>",
" </body>",
" </html>",
"</iframe>"
]
}
},
{
"index": 41,
"verdict": "failed",
"rule": {
"ruleID": "r14",
"ruleSummary": "Visible labels are included in accessible names",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r14",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#label-in-name",
"chapter": "2.5.3",
"title": "Label in Name"
},
{
"uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G208",
"name": "G208",
"title": "Including the text of the visible label as part of the accessible name"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/footer[1]/section[1]/div[1]/div[1]/div[5]/p[2]/a[1]",
"codeLines": [
"<a class=\"contacto_a\" href=\"tel: //5552021960\" aria-label=\"contáctenos al teléfono +52 55 52 02 196...",
" (55) 52-02-19-60",
"</a>"
]
}
},
{
"index": 660,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[1]",
"codeLines": [
"<li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/inicio\">",
" INICIO",
" </a>",
"</li>"
]
}
},
{
"index": 661,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[1]/a[1]",
"codeLines": [
"<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/inicio\">",
" INICIO",
"</a>"
]
}
},
{
"index": 662,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[2]",
"codeLines": [
"<li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/recursos\">",
" PRODUCTOS Y SERVICIOS",
" </a>",
"</li>"
]
}
},
{
"index": 663,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[2]/a[1]",
"codeLines": [
"<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/recursos\">",
" PRODUCTOS Y SERVICIOS",
"</a>"
]
}
},
{
"index": 664,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[3]",
"codeLines": [
"<li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/blog\">",
" BLOG",
" </a>",
"</li>"
]
}
},
{
"index": 665,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[3]/a[1]",
"codeLines": [
"<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/blog\">",
" BLOG",
"</a>"
]
}
},
{
"index": 666,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[4]",
"codeLines": [
"<li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/nosotros\">",
" NOSOTROS",
" </a>",
"</li>"
]
}
},
{
"index": 667,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[4]/a[1]",
"codeLines": [
"<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/nosotros\">",
" NOSOTROS",
"</a>"
]
}
},
{
"index": 668,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[5]",
"codeLines": [
"<li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolors\"...",
" FUNDACIÓN",
" <br>",
" HEARCOLORS",
" </a>",
"</li>"
]
}
},
{
"index": 669,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[5]/a[1]",
"codeLines": [
"<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolors\">",
" FUNDACIÓN",
" <br>",
" HEARCOLORS",
"</a>"
]
}
},
{
"index": 670,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[6]",
"codeLines": [
"<li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/capacitaciones_online...",
" CAPACITACIONES",
" <br>",
" EN LÍNEA",
" </a>",
"</li>"
]
}
},
{
"index": 671,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[6]/a[1]",
"codeLines": [
"<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/capacitaciones_online\">",
" CAPACITACIONES",
" <br>",
" EN LÍNEA",
"</a>"
]
}
},
{
"index": 672,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[7]",
"codeLines": [
"<li class=\"nav-item\">",
" <button style=\"width: 100%;\" class=\"btn btn_amarillo btn_modal_iniciar_sesion\" href=\"#\">",
" ACCEDER",
" </button>",
"</li>"
]
}
},
{
"index": 673,
"verdict": "failed",
"rule": {
"ruleID": "r42",
"ruleSummary": "Elements with a role have required parent",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r42",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "li",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[8]",
"codeLines": [
"<li class=\"nav-item\">",
" <a href=\"#\" id=\"btn_carrito\" role=\"button\" data-toggle=\"modal\" data-target=\"#modal_carrito\" aria-...",
" <svg class=\"svg-inline--fa fa-shopping-cart fa-w-18\" aria-hidden=\"true\" focusable=\"false\" data-...",
" <path fill=\"currentColor\" d=\"M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H1...",
" </svg>",
" <!-- <i class=\"fas fa-shopping-cart\"></i> -->",
" <span class=\"badge badge-light badge_carrito\">",
" 0",
" </span>",
" </a>",
"</li>"
]
}
},
{
"index": 741,
"verdict": "failed",
"rule": {
"ruleID": "r57",
"ruleSummary": "Perceivable text content is included in a landmark",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r57",
"requirements": []
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[2]/div[1]/a[1]/text()[1]",
"codeLines": [
"Hearcolors \"Valida la accesibilidad de tu Sitio Web\""
]
}
},
{
"index": 742,
"verdict": "failed",
"rule": {
"ruleID": "r57",
"ruleSummary": "Perceivable text content is included in a landmark",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r57",
"requirements": []
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[3]/button[2]/div[2]/text()[1]",
"codeLines": [
"Share"
]
}
},
{
"index": 803,
"verdict": "failed",
"rule": {
"ruleID": "r62",
"ruleSummary": "Links in blocks of text are distinguishable",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r62",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#use-of-color",
"chapter": "1.4.1",
"title": "Use of Color"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/main[1]/section[3]/div[1]/div[2]/div[1]/p[1]/a[1]",
"codeLines": [
"<a href=\"https://hearcolors-educacion.teachable.com/\" target=\"_blank\" title=\"se abrirá en otra pest...",
" HearColors Educación",
"</a>"
]
}
},
{
"index": 832,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[1]/a[1]",
"codeLines": [
"<a class=\"ytp-title-channel-logo\" target=\"_blank\" href=\"https://www.youtube.com/channel/UCJLaqgeTfG..."
]
}
},
{
"index": 833,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[2]/div[1]/div[1]/a[1]",
"codeLines": [
"<a class=\"ytp-title-channel-name\" target=\"_blank\" href=\"\"></a>"
]
}
},
{
"index": 834,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "button",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[3]/button[2]",
"codeLines": [
"<button class=\"ytp-button ytp-share-button ytp-share-button-visible ytp-show-share-title\" title=\"Sh...",
" <div class=\"ytp-share-icon\">",
" <svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 36 36\" width=\"100%\">",
" <use class=\"ytp-svg-shadow\" href=\"#ytp-id-27\"></use>",
" <path class=\"ytp-svg-fill\" d=\"m 20.20,14.19 0,-4.45 7.79,7.79 -7.79,7.79 0,-4.56 C 16.27,20.6...",
" </svg>",
" </div>",
" <div class=\"ytp-share-title\">",
" Share",
" </div>",
"</button>"
]
}
},
{
"index": 835,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "button",
"path": "/html[1]/body[1]/div[1]/div[1]/div[4]/button[1]",
"codeLines": [
"<button class=\"ytp-large-play-button ytp-button\" aria-label=\"Play\">",
" <svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\">",
" <path class=\"ytp-large-play-button-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,...",
" <path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"></path>",
" </svg>",
"</button>"
]
}
},
{
"index": 836,
"verdict": "cantTell",
"rule": {
"ruleID": "r65",
"ruleSummary": "Element in sequential focus order has visible focus",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r65",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#focus-visible",
"chapter": "2.4.7",
"title": "Focus Visible"
}
]
},
"target": {
"type": "element",
"tagName": "a",
"path": "/html[1]/body[1]/div[1]/div[1]/a[1]",
"codeLines": [
"<a class=\"ytp-impression-link\" aria-label=\"Watch on YouTube\" target=\"_blank\" href=\"https://www.yout...",
" <div class=\"ytp-impression-link-content\" aria-hidden=\"true\">",
" <div class=\"ytp-impression-link-text\">",
" Watch on",
" </div>",
" <div class=\"ytp-impression-link-logo\">",
" <svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 110 26\" width=\"100%\">",
" <use class=\"ytp-svg-shadow\" href=\"#ytp-id-30\"></use>",
" <path class=\"ytp-svg-fill\" d=\"M 16.68,.99 C 13.55,1.03 7.02,1.16 4.99,1.68 c -1.49,.4 -2.59...",
" </svg>",
" </div>",
" </div>",
"</a>"
]
}
},
{
"index": 898,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/section[1]/div[1]/div[1]/div[4]/p[1]/b[1]/text()[1]",
"codeLines": [
"Mapa de sitio"
]
}
},
{
"index": 899,
"verdict": "failed",
"rule": {
"ruleID": "r66",
"ruleSummary": "Text outside widget has enhanced contrast",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r66",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#contrast-enhanced",
"chapter": "1.4.6",
"title": "Contrast (Enhanced)"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/footer[1]/section[1]/div[1]/div[1]/div[5]/p[1]/b[1]/text()[1]",
"codeLines": [
"Contacto"
]
}
},
{
"index": 908,
"verdict": "failed",
"rule": {
"ruleID": "r68",
"ruleSummary": "Elements with a role have required children",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r68",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#info-and-relationships",
"chapter": "1.3.1",
"title": "Info and Relationships"
}
]
},
"target": {
"type": "element",
"tagName": "ul",
"path": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]",
"codeLines": [
"<ul class=\"navbar-nav ml-auto\" role=\"menubar\" aria-label=\"Menú de navegación del sitio\">",
" <li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/inicio\">",
" INICIO",
" </a>",
" </li>",
" <li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/recursos\">",
" PRODUCTOS Y SERVICIOS",
" </a>",
" </li>",
" <li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/blog\">",
" BLOG",
" </a>",
" </li>",
" <li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/nosotros\">",
" NOSOTROS",
" </a>",
" </li>",
" <li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolor...",
" FUNDACIÓN",
" <br>",
" HEARCOLORS",
" </a>",
" </li>",
" <li class=\"nav-item \">",
" <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/capacitaciones_onli...",
" CAPACITACIONES",
" <br>",
" EN LÍNEA",
" </a>",
" </li>",
" <li class=\"nav-item\">",
" <button style=\"width: 100%;\" class=\"btn btn_amarillo btn_modal_iniciar_sesion\" href=\"#\">",
" ACCEDER",
" </button>",
" </li>",
" <li class=\"nav-item\">",
" <a href=\"#\" id=\"btn_carrito\" role=\"button\" data-toggle=\"modal\" data-target=\"#modal_carrito\" ari...",
" <svg class=\"svg-inline--fa fa-shopping-cart fa-w-18\" aria-hidden=\"true\" focusable=\"false\" dat...",
" <path fill=\"currentColor\" d=\"M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64...",
" </svg>",
" <!-- <i class=\"fas fa-shopping-cart\"></i> -->",
" <span class=\"badge badge-light badge_carrito\">",
" 0",
" </span>",
" </a>",
" </li>",
"</ul>"
]
}
},
{
"index": 995,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/section[1]/div[1]/div[1]/div[1]/div[1]/p[2]",
"codeLines": [
"<p class=\"h5\">",
" ¡Identifiquemos las fallas de accesibilidad en los sitios web y aplicaciones que dan información ...",
"</p>"
]
}
},
{
"index": 999,
"verdict": "failed",
"rule": {
"ruleID": "r73",
"ruleSummary": "Paragraphs of text have sufficient line height",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r73",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#visual-presentation",
"chapter": "1.4.8",
"title": "Visual Presentation"
}
]
},
"target": {
"type": "element",
"tagName": "p",
"path": "/html[1]/body[1]/main[1]/section[3]/div[1]/div[2]/div[1]/p[1]",
"codeLines": [
"<p class=\"h5\">",
" HearColors cuenta ahora con una escuela en línea en la que podrás capacitarte en materia de acces...",
" <br>",
" <br>",
" <a href=\"https://hearcolors-educacion.teachable.com/\" target=\"_blank\" title=\"se abrirá en otra pe...",
" HearColors Educación",
" </a>",
"</p>"
]
}
},
{
"index": 1068,
"verdict": "failed",
"rule": {
"ruleID": "r83",
"ruleSummary": "Text nodes are not clipped when text is resized",
"scope": "component",
"uri": "https://alfa.siteimprove.com/rules/sia-r83",
"requirements": [
{
"uri": "https://www.w3.org/TR/WCAG/#resize-text",
"chapter": "1.4.4",
"title": "Resize text"
}
]
},
"target": {
"type": "text",
"tagName": "",
"path": "/html[1]/body[1]/div[1]/div[1]/div[3]/div[2]/div[1]/a[1]/text()[1]",
"codeLines": [
"Hearcolors \"Valida la accesibilidad de tu Sitio Web\""
]
}
},
{
"index": 1094,
"verdict": "cantTell",
"rule": {
"ruleID": "r87",
"ruleSummary": "First focusable element is link to main content",
"scope": "page",
"uri": "https://alfa.siteimprove.com/rules/sia-r87",
"requirements": [
{
"uri": "https://www.w3.org/WAI/WCAG21/Techniques/general/G1",
"name": "G1",
"title": "Adding a link at the top of each page that goes directly to the main content area"
}
]
},
"target": {
"type": "document",
"tagName": "",
"path": "/",
"codeLines": [
"#document",
" <html lang=\"es\" class=\"fontawesome-i2svg-active fontawesome-i2svg-complete\">",
"...",
" </html>"
]
}
}
]
}
},
{
"type": "test",
"which": "axe",
"detailLevel": 2,
"rules": [],
"what": "Axe",
"url": "https://www.hearcolors.com.mx/",
"result": {
"totals": {
"rulesNA": 47,
"rulesPassed": 46,
"rulesWarned": 3,
"rulesViolated": 8,
"warnings": {
"minor": 15,
"moderate": 0,
"serious": 1,
"critical": 2
},
"violations": {
"minor": 0,
"moderate": 0,
"serious": 24,
"critical": 10
}
},
"details": {
"testEngine": {
"name": "axe-core",
"version": "4.4.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/102.0.5005.40 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 90,
"orientationType": "landscape-primary"
},
"timestamp": "2022-07-06T01:50:50.966Z",
"url": "https://www.hearcolors.com.mx/",
"toolOptions": {
"resultTypes": [
"violations",
"incomplete"
],
"runOnly": {
"type": "tag",
"values": [
"experimental",
"best-practice",
"wcag2a",
"wcag2aa",
"wcag2aaa",
"wcag21a",
"wcag21aa",
"wcag21aaa"
]
},
"reporter": "v1"
},
"incomplete": [
{
"id": "color-contrast-enhanced",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aaa",
"wcag146"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast-enhanced?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#656565",
"contrastRatio": 5.82,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": "shortTextContent",
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<span class=\"badge badge-light badge_carrito\">0</span>",
"target": [
".badge"
]
}
],
"impact": "serious",
"message": "Element content is too short to determine if it is actual text content"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"badge badge-light badge_carrito\">0</span>",
"target": [
".badge"
],
"failureSummary": "Fix any of the following:\n Element content is too short to determine if it is actual text content"
}
]
},
{
"id": "frame-tested",
"impact": "critical",
"tags": [
"cat.structure",
"review-item",
"best-practice"
],
"description": "Ensures <iframe> and <frame> elements contain the axe-core script",
"help": "Frames should be tested with axe-core",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/frame-tested?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "frame-tested",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "The iframe still has to be tested with axe-core"
}
],
"none": [],
"impact": "critical",
"html": "<iframe width=\"100%\" height=\"350\" src=\"https://www.youtube.com/embed/-G0qfIFOErI\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" title=\"Video: Hearcolors, Valida la accesibilidad de tu Sitio Web\" allowfullscreen=\"\"></iframe>",
"target": [
"iframe[width=\"100%\"]"
],
"failureSummary": "Fix all of the following:\n The iframe still has to be tested with axe-core"
},
{
"any": [],
"all": [
{
"id": "frame-tested",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "The iframe still has to be tested with axe-core"
}
],
"none": [],
"impact": "critical",
"html": "<iframe height=\"1\" scrolling=\"no\" frameborder=\"0\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=4jsbx6h8rf4zsrv8yeko1uw13f9zvi8v\"><img height=\"1\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=4jsbx6h8rf4zsrv8yeko1uw13f9zvi8v\"></iframe>",
"target": [
"iframe[scrolling=\"no\"]"
],
"failureSummary": "Fix all of the following:\n The iframe still has to be tested with axe-core"
}
]
},
{
"id": "hidden-content",
"impact": "minor",
"tags": [
"cat.structure",
"experimental",
"review-item",
"best-practice"
],
"description": "Informs users about hidden content.",
"help": "Hidden content on the page should be analyzed",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/hidden-content?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<iframe id=\"iframe_descarga\" style=\"display: none;\" title=\"Contenedor para descarga de archivos\" src=\"\"></iframe>",
"target": [
"#iframe_descarga"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal\" id=\"modal_registro\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_registroLabel\" aria-hidden=\"true\">",
"target": [
"#modal_registro"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"alert alert-warning alert_registro text-justify\" role=\"alert\" tabindex=\"0\" style=\"display: none;\"> \n <h3 class=\"alert-heading\">Errores en el formulario</h3> \n <ul class=\"listado_errores_registro\"></ul> \n </div>",
"target": [
".alert_registro"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal\" id=\"modal_inicio_sesion\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_inicio_sesionLabel\" aria-hidden=\"true\">",
"target": [
"#modal_inicio_sesion"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"alert alert-warning alert_inicio_sesion text-justify\" role=\"alert\" tabindex=\"0\" style=\"display: none;\"> \n <h3 class=\"alert-heading\">Errores en el formulario</h3> \n <ul class=\"listado_errores_inicio_sesion\"></ul> \n </div>",
"target": [
".alert_inicio_sesion"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal\" id=\"modal_olvidaste_contraseña\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_olvidaste_contraseñaLabel\" aria-hidden=\"true\">",
"target": [
"#modal_olvidaste_contraseña"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"alert alert-warning alert_olvidaste_contraseña text-justify\" role=\"alert\" tabindex=\"0\" style=\"display: none;\"> \n <h3 class=\"alert-heading\">Errores en el formulario</h3> \n <ul class=\"listado_errores_olvidaste_contraseña\"></ul> \n </div>",
"target": [
".alert_olvidaste_contraseña"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal carrito\" id=\"modal_carrito\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_carrito_label\" aria-hidden=\"true\">",
"target": [
"#modal_carrito"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal\" id=\"modal_pago_conDetalle\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_pago_conDetalle_label\" aria-hidden=\"true\">",
"target": [
"#modal_pago_conDetalle"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"alert alert-warning alert_pago text-justify\" role=\"alert\" tabindex=\"0\" style=\"display: none;\">\n <h3 class=\"alert-heading\">Errores en el formulario</h3> \n <ul class=\"listado_errores_tarjeta\"></ul> \n </div>",
"target": [
".alert_pago"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<button class=\"navbar-toggler btn_salto\" type=\"button\" data-toggle=\"collapse\" data-target=\"#nav_salto_control_expand\" aria-controls=\"nav_salto_control_expand\" aria-expanded=\"false\" aria-label=\"Menú de salto de bloques\">",
"target": [
".btn_salto"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Menú de navegación\">",
"target": [
"button[data-target=\"#navbarSupportedContent\"]"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal fade\" id=\"modal_boletin\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_boletinLabel\" aria-hidden=\"true\">",
"target": [
"#modal_boletin"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"modal\" id=\"modal_contacto\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_contactoLabel\" aria-hidden=\"true\">",
"target": [
"#modal_contacto"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
},
{
"any": [
{
"id": "hidden-content",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
],
"all": [],
"none": [],
"impact": "minor",
"html": "<div class=\"alert alert-warning alert_contacto text-left\" role=\"alert\" style=\"display: none;\">\n <b>Se detectaron los siguientes errores en el formulario:</b>\n <ul></ul>\n </div>",
"target": [
".alert_contacto"
],
"failureSummary": "Fix any of the following:\n There is hidden content on the page that was not analyzed. You will need to trigger the display of this content in order to analyze it."
}
]
}
],
"violations": [
{
"id": "aria-required-children",
"impact": "critical",
"tags": [
"cat.aria",
"wcag2a",
"wcag131"
],
"description": "Ensures elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/aria-required-children?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-children",
"data": [
"group",
"menuitemradio",
"menuitem",
"menuitemcheckbox"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA children role not present: group, menuitemradio, menuitem, menuitemcheckbox"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<ul class=\"navbar-nav ml-auto\" role=\"menubar\" aria-label=\"Menú de navegación del sitio\">",
"target": [
".ml-auto"
],
"failureSummary": "Fix any of the following:\n Required ARIA children role not present: group, menuitemradio, menuitem, menuitemcheckbox"
}
]
},
{
"id": "aria-required-parent",
"impact": "critical",
"tags": [
"cat.aria",
"wcag2a",
"wcag131"
],
"description": "Ensures elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/aria-required-parent?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-parent",
"data": [
"menu",
"menubar",
"group"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parents role not present: menu, menubar, group"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/inicio\">INICIO</a>",
"target": [
".nav-item:nth-child(1) > .nav-link[role=\"menuitem\"]"
],
"failureSummary": "Fix any of the following:\n Required ARIA parents role not present: menu, menubar, group"
},
{
"any": [
{
"id": "aria-required-parent",
"data": [
"menu",
"menubar",
"group"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parents role not present: menu, menubar, group"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/recursos\">PRODUCTOS Y SERVICIOS</a>",
"target": [
".nav-item:nth-child(2) > .nav-link[role=\"menuitem\"]"
],
"failureSummary": "Fix any of the following:\n Required ARIA parents role not present: menu, menubar, group"
},
{
"any": [
{
"id": "aria-required-parent",
"data": [
"menu",
"menubar",
"group"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parents role not present: menu, menubar, group"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/blog\">BLOG</a>",
"target": [
".nav-item:nth-child(3) > .nav-link[role=\"menuitem\"]"
],
"failureSummary": "Fix any of the following:\n Required ARIA parents role not present: menu, menubar, group"
},
{
"any": [
{
"id": "aria-required-parent",
"data": [
"menu",
"menubar",
"group"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parents role not present: menu, menubar, group"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/nosotros\">NOSOTROS</a>",
"target": [
".nav-item:nth-child(4) > .nav-link[role=\"menuitem\"]"
],
"failureSummary": "Fix any of the following:\n Required ARIA parents role not present: menu, menubar, group"
},
{
"any": [
{
"id": "aria-required-parent",
"data": [
"menu",
"menubar",
"group"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parents role not present: menu, menubar, group"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolors\">FUNDACIÓN<br>HEARCOLORS</a>",
"target": [
".nav-item:nth-child(5) > .nav-link[role=\"menuitem\"]"
],
"failureSummary": "Fix any of the following:\n Required ARIA parents role not present: menu, menubar, group"
},
{
"any": [
{
"id": "aria-required-parent",
"data": [
"menu",
"menubar",
"group"
],
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parents role not present: menu, menubar, group"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/capacitaciones_online\">CAPACITACIONES<br>EN LÍNEA</a>",
"target": [
".nav-item:nth-child(6) > .nav-link[role=\"menuitem\"]"
],
"failureSummary": "Fix any of the following:\n Required ARIA parents role not present: menu, menubar, group"
}
]
},
{
"id": "aria-valid-attr-value",
"impact": "critical",
"tags": [
"cat.aria",
"wcag2a",
"wcag412"
],
"description": "Ensures all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": [
"aria-hidden=\"\""
],
"relatedNodes": [],
"impact": "critical",
"message": "Invalid ARIA attribute value: aria-hidden=\"\""
}
],
"none": [],
"impact": "critical",
"html": "<p aria-hidden=\"\"></p>",
"target": [
"p[aria-hidden=\"\"]:nth-child(2)"
],
"failureSummary": "Fix all of the following:\n Invalid ARIA attribute value: aria-hidden=\"\""
},
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": [
"aria-hidden=\"\""
],
"relatedNodes": [],
"impact": "critical",
"message": "Invalid ARIA attribute value: aria-hidden=\"\""
}
],
"none": [],
"impact": "critical",
"html": "<p aria-hidden=\"\"></p>",
"target": [
"p[aria-hidden=\"\"]:nth-child(4)"
],
"failureSummary": "Fix all of the following:\n Invalid ARIA attribute value: aria-hidden=\"\""
}
]
},
{
"id": "color-contrast-enhanced",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aaa",
"wcag146"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AAA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast-enhanced?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c42446",
"contrastRatio": 5.69,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<li class=\"nav-item\">\n <a href=\"#footer\">Saltar al pie de página</a>\n </li>",
"target": [
"#nav_salto_control_expand > .navbar-nav > .nav-item:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#footer\">Saltar al pie de página</a>",
"target": [
"a[href$=\"#footer\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c42446",
"contrastRatio": 5.69,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<li class=\"nav-item\" style=\"border-right: 1px solid white;\">\n <a href=\"#menu_superior\">Saltar al menú</a>\n </li>",
"target": [
"#nav_salto_control_expand > .navbar-nav > .nav-item:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#menu_superior\">Saltar al menú</a>",
"target": [
"a[href$=\"#menu_superior\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c42446",
"contrastRatio": 5.69,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<li class=\"nav-item\" style=\"border-right: 1px solid white;\">\n <a href=\"#contenido_principal\">Saltar al contenido principal</a>\n </li>",
"target": [
"#nav_salto_control_expand > .navbar-nav > .nav-item:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#contenido_principal\">Saltar al contenido principal</a>",
"target": [
"a[href$=\"#contenido_principal\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c42446",
"contrastRatio": 5.69,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<button type=\"button\" class=\"btn btn_rojo\" data-toggle=\"modal\" data-target=\"#modal_boletin\">SUSCRIBIRSE AL BOLETÍN</button>",
"target": [
"button[data-target=\"#modal_boletin\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"button\" class=\"btn btn_rojo\" data-toggle=\"modal\" data-target=\"#modal_boletin\">SUSCRIBIRSE AL BOLETÍN</button>",
"target": [
"button[data-target=\"#modal_boletin\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 5.69 (foreground color: #ffffff, background color: #c42446, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>Mapa de sitio</b>",
"target": [
".col-sm.text-left.col-md-2 > p > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.hearcolors.com.mx/web/inicio\" title=\"Ir a la página principal de Hearcolors\">Inicio</a>",
"target": [
".list-unstyled > li:nth-child(1) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.hearcolors.com.mx/web/recursos\">Productos y Servicios</a>",
"target": [
".list-unstyled > li:nth-child(2) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.hearcolors.com.mx/web/blog\">Blog</a>",
"target": [
".list-unstyled > li:nth-child(3) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.hearcolors.com.mx/web/nosotros\">Nosotros</a>",
"target": [
".list-unstyled > li:nth-child(4) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolors\">Fundación Hearcolors</a>",
"target": [
".list-unstyled > li:nth-child(5) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"https://www.hearcolors.com.mx/web/capacitaciones_online\">Capacitaciones en Línea</a>",
"target": [
".list-unstyled > li:nth-child(6) > a"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>Contacto</b>",
"target": [
".col-sm.col-md-3.text-left > p:nth-child(1) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"contacto_a\" href=\"tel: //5552021960\" aria-label=\"contáctenos al teléfono +52 55 52 02 1960\"> (55) 52-02-19-60</a>",
"target": [
"a[href=\"tel: //5552021960\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
},
{
"any": [
{
"id": "color-contrast-enhanced",
"data": {
"fgColor": "#ffffff",
"bgColor": "#367bb0",
"contrastRatio": 4.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "7:1"
},
"relatedNodes": [
{
"html": "<section class=\"footer_blue\">",
"target": [
".footer_blue"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"contacto_a\" href=\"mailto:info@hearcolors.com.mx\" aria-label=\"escribanos al correo electrónico info@hearcolors.com.mx\">info@hearcolors.com.mx</a>",
"target": [
"a[href=\"mailto:info@hearcolors.com.mx\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.54 (foreground color: #ffffff, background color: #367bb0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1"
}
]
},
{
"id": "frame-title",
"impact": "serious",
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag241",
"wcag412",
"section508",
"section508.22.i"
],
"description": "Ensures <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/frame-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<iframe height=\"1\" scrolling=\"no\" frameborder=\"0\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=4jsbx6h8rf4zsrv8yeko1uw13f9zvi8v\"><img height=\"1\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=4jsbx6h8rf4zsrv8yeko1uw13f9zvi8v\"></iframe>",
"target": [
"iframe[scrolling=\"no\"]"
],
"failureSummary": "Fix any of the following:\n Element has no title attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
]
},
{
"id": "image-alt",
"impact": "critical",
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"ACT"
],
"description": "Ensures <img> elements have alternate text or a role of none or presentation",
"help": "Images must have alternate text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an alt attribute"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has no title attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<img height=\"1\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=4jsbx6h8rf4zsrv8yeko1uw13f9zvi8v\">",
"target": [
"img[height=\"1\"][width=\"1\"]"
],
"failureSummary": "Fix any of the following:\n Element does not have an alt attribute\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
]
},
{
"id": "label-content-name-mismatch",
"impact": "serious",
"tags": [
"cat.semantics",
"wcag21a",
"wcag253",
"experimental"
],
"description": "Ensures that elements labelled through their content must have their visible text as part of their accessible name",
"help": "Elements must have their visible text as part of their accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/label-content-name-mismatch?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "label-content-name-mismatch",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Text inside the element is not included in the accessible name"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"contacto_a\" href=\"tel: //5552021960\" aria-label=\"contáctenos al teléfono +52 55 52 02 1960\"> (55) 52-02-19-60</a>",
"target": [
"a[href=\"tel: //5552021960\"]"
],
"failureSummary": "Fix any of the following:\n Text inside the element is not included in the accessible name"
}
]
},
{
"id": "listitem",
"impact": "serious",
"tags": [
"cat.structure",
"wcag2a",
"wcag131"
],
"description": "Ensures <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.4/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item \">\n <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/inicio\">INICIO</a>\n </li>",
"target": [
".ml-auto > .nav-item:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item \">\n <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/recursos\">PRODUCTOS Y SERVICIOS</a>\n </li>",
"target": [
".ml-auto > .nav-item:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item \">\n <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/blog\">BLOG</a>\n </li>",
"target": [
".ml-auto > .nav-item:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item \">\n <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/nosotros\">NOSOTROS</a>\n </li>",
"target": [
".nav-item:nth-child(4)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item \">\n <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolors\">FUNDACIÓN<br>HEARCOLORS</a>\n </li>",
"target": [
".nav-item:nth-child(5)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item \">\n <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/capacitaciones_online\">CAPACITACIONES<br>EN LÍNEA</a>\n </li>",
"target": [
".nav-item:nth-child(6)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item\">\n\n <button style=\"width: 100%;\" class=\"btn btn_amarillo btn_modal_iniciar_sesion\" href=\"#\">ACCEDER</button> \n </li>",
"target": [
".nav-item:nth-child(7)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
},
{
"any": [
{
"id": "listitem",
"data": {
"messageKey": "roleNotValid"
},
"relatedNodes": [],
"impact": "serious",
"message": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<li class=\"nav-item\">",
"target": [
".nav-item:nth-child(8)"
],
"failureSummary": "Fix any of the following:\n List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
}
]
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "htmlcs",
"what": "HTML CodeSniffer WCAG 2.1 AA ruleset",
"url": "https://www.hearcolors.com.mx/",
"result": {
"Error": {
"AA.1_1_1.H37": {
"Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.": [
{
"tagName": "img",
"id": "",
"code": "<img height=\"1\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=aqps0mwmkhglrm2gwqcsxb8c2wix4y8q\">"
}
]
},
"AA.2_4_1.H64.1": {
"Iframe element requires a non-empty title attribute that identifies the frame.": [
{
"tagName": "iframe",
"id": "",
"code": "<iframe height=\"1\" scrolling=\"no\" frameborder=\"0\" width=\"1\" src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=aqps0mwmkhglrm2gwqcsxb8c2wix4y8q\">...</iframe>"
}
]
}
},
"Warning": {
"AA.1_1_1.H67.2": {
"Img element is marked so that it is ignored by Assistive Technology.": [
{
"tagName": "img",
"id": "",
"code": "<img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/iconos/consultoria_especializada.svg\" alt=\"\">"
},
{
"tagName": "img",
"id": "",
"code": "<img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/iconos/incrementa.svg\" alt=\"\">"
},
{
"tagName": "img",
"id": "",
"code": "<img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/iconos/mejora_posicionamiento.svg\" alt=\"\">"
},
{
"tagName": "img",
"id": "",
"code": "<img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/iconos/mejora_usabilidad.svg\" alt=\"\">"
},
{
"tagName": "img",
"id": "",
"code": "<img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/iconos/organizaciones_empresas.svg\" alt=\"\">"
},
{
"tagName": "img",
"id": "",
"code": "<img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/iconos/sujetos_obligados.svg\" alt=\"\">"
}
]
},
"AA.1_3_1.H42": {
"Heading markup should be used if this content is intended as a heading.": [
{
"tagName": "p",
"id": "",
"code": "<p>...</p>"
}
]
},
"AA.1_3_1.H49.B": {
"Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.": [
{
"tagName": "b",
"id": "",
"code": "<b>...</b>"
}
]
},
"AA.1_4_3.G145.Abs": {
"This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 3:1.": [
{
"tagName": "h1",
"id": "",
"code": "<h1 class=\"sr-only\">...</h1>"
}
]
},
"AA.1_4_3_F24.F24.FGColour": {
"Check that this element has an inherited background colour or image to complement the corresponding inline foreground colour.": [
{
"tagName": "h2",
"id": "",
"code": "<h2 style=\"color:#132991;font-weight:700;\">...</h2>"
}
]
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "ibm",
"withItems": true,
"what": "IBM Accessibility Checker",
"url": "https://www.hearcolors.com.mx/",
"result": {
"content": {
"totals": {
"violation": 57,
"recommendation": 3,
"ignored": 0
},
"items": [
{
"ruleId": "WCAG21_Label_Accessible",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[2]/div[1]/div[3]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/textbox[4]"
},
"message": "Accessible name does not match or contain the visible label text",
"bounds": {
"left": 138,
"top": 2153,
"height": 22,
"width": 40
},
"snippet": "<input data-conekta=\"card[exp_year]\" aria-describedby=\"fecha_expiracion_tarjeta\" id=\"fecha_anio\" size=\"4\" aria-label=\"Año en formato de 4 dígitos\" aria-required=\"true\" class=\"form-control\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "WCAG21_Label_Accessible",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[2]/div[1]/div[2]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/textbox[3]"
},
"message": "Accessible name does not match or contain the visible label text",
"bounds": {
"left": 120,
"top": 2132,
"height": 22,
"width": 27
},
"snippet": "<input data-conekta=\"card[exp_month]\" aria-describedby=\"fecha_expiracion_tarjeta\" id=\"fecha_mes\" size=\"2\" aria-label=\"Mes en formato de dos dígitos\" aria-required=\"true\" class=\"form-control\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "WCAG21_Label_Accessible",
"path": {
"dom": "/html[1]/body[1]/footer[1]/section[1]/div[1]/div[1]/div[5]/p[2]/a[1]",
"aria": "/document[1]/contentinfo[1]/link[3]"
},
"message": "Accessible name does not match or contain the visible label text",
"bounds": {
"left": 28,
"top": 13197,
"height": 18,
"width": 111
},
"snippet": "<a aria-label=\"contáctenos al teléfono +52 55 52 02 1960\" href=\"tel: //5552021960\" class=\"contacto_a\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Table_Scope_Valid",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/table[1]/tbody[1]/tr[1]/td[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/table[1]/rowgroup[2]/row[1]/cell[1]"
},
"message": "The 'scope' attribute should only be used on a <th> element",
"bounds": {
"left": 10,
"top": 1712,
"height": 21,
"width": 133
},
"snippet": "<td class=\"text-right\" colspan=\"2\" scope=\"row\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Table_Scope_Valid",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[4]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/table[1]/tbody[1]/tr[1]/td[1]",
"aria": "/document[1]/banner[1]/dialog[4]/document[1]/table[1]/rowgroup[2]/row[1]/cell[1]"
},
"message": "The 'scope' attribute should only be used on a <th> element",
"bounds": {
"left": 10,
"top": 1450,
"height": 21,
"width": 168
},
"snippet": "<td class=\"text-right\" colspan=\"3\" scope=\"row\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Img_HasAlt",
"path": {
"dom": "/html[1]/body[1]/iframe[3]/img[1]",
"aria": "/document[1]/img[1]"
},
"message": "Image does not have an 'alt' attribute short text alternative",
"bounds": {
"left": 0,
"top": 0,
"height": 0,
"width": 0
},
"snippet": "<img src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=i1yjx403yhjixhnl5ikowa157l4cgvgo\" width=\"1\" height=\"1\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Frame_HasTitle",
"path": {
"dom": "/html[1]/body[1]/iframe[3]",
"aria": "/document[1]"
},
"message": "Inline frame does not have a 'title' attribute",
"bounds": {
"left": 9,
"top": 13563,
"height": 1,
"width": 1
},
"snippet": "<iframe src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=i1yjx403yhjixhnl5ikowa157l4cgvgo\" width=\"1\" frameborder=\"0\" scrolling=\"no\" height=\"1\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Frame_HasTitle",
"path": {
"dom": "/html[1]/body[1]/iframe[2]",
"aria": "/document[1]"
},
"message": "Inline frame does not have a 'title' attribute",
"bounds": {
"left": 8,
"top": 13563,
"height": 1,
"width": 1
},
"snippet": "<iframe src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=39p8ic5xfb523qha2vy4zopnbxaloh3i\" width=\"1\" frameborder=\"0\" scrolling=\"no\" height=\"1\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[6]/a[1]",
"aria": "/document[1]/banner[1]/navigation[2]/menubar[1]/listitem[6]/menuitem[1]"
},
"message": "The element with role \"menuitem\" is not contained in or owned by an element with one of the following roles: \"group, menu, menubar\"",
"bounds": {
"left": 49,
"top": 196,
"height": 37,
"width": 136
},
"snippet": "<a href=\"https://www.hearcolors.com.mx/web/capacitaciones_online\" role=\"menuitem\" class=\"nav-link\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[5]/a[1]",
"aria": "/document[1]/banner[1]/navigation[2]/menubar[1]/listitem[5]/menuitem[1]"
},
"message": "The element with role \"menuitem\" is not contained in or owned by an element with one of the following roles: \"group, menu, menubar\"",
"bounds": {
"left": 63,
"top": 159,
"height": 37,
"width": 107
},
"snippet": "<a href=\"https://www.hearcolors.com.mx/web/fundacion_hearcolors\" role=\"menuitem\" class=\"nav-link\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[4]/a[1]",
"aria": "/document[1]/banner[1]/navigation[2]/menubar[1]/listitem[4]/menuitem[1]"
},
"message": "The element with role \"menuitem\" is not contained in or owned by an element with one of the following roles: \"group, menu, menubar\"",
"bounds": {
"left": 74,
"top": 140,
"height": 18,
"width": 85
},
"snippet": "<a href=\"https://www.hearcolors.com.mx/web/nosotros\" role=\"menuitem\" class=\"nav-link\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[3]/a[1]",
"aria": "/document[1]/banner[1]/navigation[2]/menubar[1]/listitem[3]/menuitem[1]"
},
"message": "The element with role \"menuitem\" is not contained in or owned by an element with one of the following roles: \"group, menu, menubar\"",
"bounds": {
"left": 95,
"top": 122,
"height": 18,
"width": 44
},
"snippet": "<a href=\"https://www.hearcolors.com.mx/web/blog\" role=\"menuitem\" class=\"nav-link\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[2]/a[1]",
"aria": "/document[1]/banner[1]/navigation[2]/menubar[1]/listitem[2]/menuitem[1]"
},
"message": "The element with role \"menuitem\" is not contained in or owned by an element with one of the following roles: \"group, menu, menubar\"",
"bounds": {
"left": 62,
"top": 85,
"height": 37,
"width": 110
},
"snippet": "<a href=\"https://www.hearcolors.com.mx/web/recursos\" role=\"menuitem\" class=\"nav-link\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[1]/a[1]",
"aria": "/document[1]/banner[1]/navigation[2]/menubar[1]/listitem[1]/menuitem[1]"
},
"message": "The element with role \"menuitem\" is not contained in or owned by an element with one of the following roles: \"group, menu, menubar\"",
"bounds": {
"left": 92,
"top": 66,
"height": 18,
"width": 50
},
"snippet": "<a href=\"https://www.hearcolors.com.mx/web/inicio\" role=\"menuitem\" class=\"nav-link\">",
"level": "violation"
},
{
"ruleId": "Rpt_Aria_RequiredParent_Native_Host_Sematics",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/ul[1]/li[1]/a[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tablist[1]/listitem[1]/tab[1]"
},
"message": "The element with role \"tab\" is not contained in or owned by an element with one of the following roles: \"tablist\"",
"bounds": {
"left": 337,
"top": 1794,
"height": 18,
"width": 168
},
"snippet": "<a aria-selected=\"true\" aria-controls=\"tarjeta_pestaña_content\" role=\"tab\" href=\"#tarjeta_pestaña_content\" data-toggle=\"tab\" id=\"tarjeta_pestaña\" class=\"nav-link active\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/main[1]/dialog[1]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 2326,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 1598,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[4]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/banner[1]/dialog[4]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 1394,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[3]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/banner[1]/dialog[3]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 1064,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 706,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 112,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "IBMA_Color_Contrast_WCAG2AA",
"path": {
"dom": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/div[1]/button[1]/span[1]",
"aria": "/document[1]/contentinfo[1]/dialog[1]/document[1]/button[1]"
},
"message": "Text contrast of 1.15 with its background is less than the WCAG AA minimum requirements for text of size 13.3333px and weight of 400",
"bounds": {
"left": 26,
"top": 9577,
"height": 15,
"width": 8
},
"snippet": "<span aria-hidden=\"true\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[1]/div[3]/button[1]",
"aria": "/document[1]/main[1]/dialog[1]/document[1]/button[2]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 2397,
"height": 22,
"width": 140
},
"snippet": "<button class=\"btn btn-primary suscribir_boletin\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[1]/div[2]/div[2]/div[1]/div[1]/div[1]/input[1]",
"aria": "/document[1]/main[1]/dialog[1]/document[1]/textbox[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 2375,
"height": 22,
"width": 147
},
"snippet": "<input id=\"correo_boletin\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/main[1]/div[1]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/main[1]/dialog[1]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 2301,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/ul[1]/li[1]/a[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tablist[1]/listitem[1]/tab[1]"
},
"message": "Element \"a\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 337,
"top": 1794,
"height": 18,
"width": 168
},
"snippet": "<a aria-selected=\"true\" aria-controls=\"tarjeta_pestaña_content\" role=\"tab\" href=\"#tarjeta_pestaña_content\" data-toggle=\"tab\" id=\"tarjeta_pestaña\" class=\"nav-link active\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[6]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 45,
"top": 2175,
"height": 22,
"width": 185
},
"snippet": "<button class=\"btn btn_rojo btn_formularios btn_pagar\" style=\"width: auto;\" type=\"submit\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[2]/div[1]/div[3]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/textbox[4]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 138,
"top": 2153,
"height": 22,
"width": 40
},
"snippet": "<input data-conekta=\"card[exp_year]\" aria-describedby=\"fecha_expiracion_tarjeta\" id=\"fecha_anio\" size=\"4\" aria-label=\"Año en formato de 4 dígitos\" aria-required=\"true\" class=\"form-control\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[2]/div[1]/div[2]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/textbox[3]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 120,
"top": 2132,
"height": 22,
"width": 27
},
"snippet": "<input data-conekta=\"card[exp_month]\" aria-describedby=\"fecha_expiracion_tarjeta\" id=\"fecha_mes\" size=\"2\" aria-label=\"Mes en formato de dos dígitos\" aria-required=\"true\" class=\"form-control\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[1]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 233,
"top": 2092,
"height": 22,
"width": 34
},
"snippet": "<input data-conekta=\"card[cvc]\" id=\"cvc\" size=\"3\" aria-required=\"true\" class=\"form-control\" type=\"password\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[4]/div[1]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/textbox[2]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 233,
"top": 1928,
"height": 22,
"width": 147
},
"snippet": "<input data-conekta=\"card[number]\" id=\"numero_tarjeta\" class=\"form-control\" aria-required=\"true\" aria-describedby=\"lista_tarjetas\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[3]/div[1]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/tabpanel[1]/group[1]/textbox[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 224,
"top": 1906,
"height": 22,
"width": 147
},
"snippet": "<input data-conekta=\"card[name]\" id=\"nombre_tarjetahabiente\" aria-required=\"true\" class=\"form-control\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[5]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[5]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 1573,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[4]/div[1]/div[1]/div[3]/button[1]",
"aria": "/document[1]/banner[1]/dialog[4]/document[1]/button[2]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 1472,
"height": 22,
"width": 784
},
"snippet": "<button class=\"btn btn_rojo btn_formularios proceder_pago\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[4]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[4]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 1369,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[3]/div[1]/div[1]/form[1]/fieldset[1]/div[2]/button[2]",
"aria": "/document[1]/banner[1]/dialog[3]/document[1]/group[1]/button[2]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 1246,
"height": 22,
"width": 720
},
"snippet": "<button class=\"btn btn_rojo btn_formularios\" type=\"submit\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[3]/div[1]/div[1]/form[1]/fieldset[1]/div[2]/button[1]",
"aria": "/document[1]/banner[1]/dialog[3]/document[1]/group[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 1227,
"height": 20,
"width": 720
},
"snippet": "<button aria-label=\"Regresar a la ventana emergente de inicio de sesión\" class=\"btn btn_gris btn_formularios btn_atras_cambio_contraseña\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[3]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[2]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[3]/document[1]/group[1]/textbox[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 1205,
"height": 22,
"width": 147
},
"snippet": "<input name=\"correo_olvidaste_contraseña\" id=\"correo_olvidaste_contraseña\" aria-describedby=\"desc_correo\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[3]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[3]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 1039,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[2]/div[1]/div[1]/div[3]/button[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/group[1]/button[2]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 894,
"height": 22,
"width": 720
},
"snippet": "<button class=\"btn btn_rojo btn_formularios btn_iniciarsesion\" type=\"submit\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[2]/div[1]/div[1]/div[2]/button[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/group[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 875,
"height": 20,
"width": 720
},
"snippet": "<button class=\"btn btn_gris btn-registrarse btn_formularios btn_registrarse\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[2]/div[1]/div[1]/div[1]/a[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/group[1]/link[1]"
},
"message": "Element \"a\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 856,
"height": 18,
"width": 165
},
"snippet": "<a class=\"olvidaste_contraseña\" href=\"#\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[3]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/group[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 835,
"height": 22,
"width": 147
},
"snippet": "<input name=\"pass_inicio_sesion\" id=\"pass_inicio_sesion\" class=\"form-control input_herramienta\" type=\"password\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[2]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/group[1]/textbox[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 794,
"height": 22,
"width": 147
},
"snippet": "<input name=\"correo_inicio_sesion\" id=\"correo_inicio_sesion\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[2]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[2]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 681,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[8]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/group[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 536,
"height": 22,
"width": 720
},
"snippet": "<button class=\"btn btn_rojo btn_formularios btn_registro_validar\" style=\"float: right;\" type=\"submit\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[6]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/group[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 374,
"height": 22,
"width": 147
},
"snippet": "<input aria-required=\"true\" name=\"confirmar_pass_registro\" id=\"confirmar_pass_registro\" class=\"form-control input_herramienta\" aria-describedby=\"desc_contraseña_registro\" type=\"password\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[5]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/group[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 333,
"height": 22,
"width": 147
},
"snippet": "<input aria-required=\"true\" name=\"pass_registro\" id=\"pass_registro\" class=\"form-control input_herramienta\" aria-describedby=\"desc_contraseña_registro\" type=\"password\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[4]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/group[1]/textbox[2]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 292,
"height": 22,
"width": 147
},
"snippet": "<input aria-required=\"true\" name=\"correo_registro\" id=\"correo_registro\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[3]/div[1]/input[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/group[1]/textbox[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 251,
"height": 22,
"width": 147
},
"snippet": "<input aria-required=\"true\" name=\"nombre_completo_registro\" id=\"nombre_completo_registro\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[2]/div[1]/p[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/group[1]"
},
"message": "Element \"p\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 40,
"top": 197,
"height": 19,
"width": 720
},
"snippet": "<p tabindex=\"0\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/header[1]/div[1]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/banner[1]/dialog[1]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 87,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/div[3]/button[1]",
"aria": "/document[1]/contentinfo[1]/dialog[1]/document[1]/button[2]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 9875,
"height": 22,
"width": 784
},
"snippet": "<button class=\"btn btn_rojo btn_formularios enviar_contacto\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/fieldset[1]/div[3]/div[1]/div[1]/textarea[1]",
"aria": "/document[1]/contentinfo[1]/dialog[1]/document[1]/group[1]/textbox[3]"
},
"message": "Element \"textarea\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 24,
"top": 9766,
"height": 81,
"width": 181
},
"snippet": "<textarea id=\"mensaje_contacto\" aria-required=\"true\" class=\"form-control input_herramienta\" rows=\"5\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/fieldset[1]/div[2]/div[1]/div[1]/input[1]",
"aria": "/document[1]/contentinfo[1]/dialog[1]/document[1]/group[1]/textbox[2]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 24,
"top": 9725,
"height": 22,
"width": 147
},
"snippet": "<input id=\"correo_contacto\" aria-required=\"true\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/fieldset[1]/div[1]/div[1]/div[1]/input[1]",
"aria": "/document[1]/contentinfo[1]/dialog[1]/document[1]/group[1]/textbox[1]"
},
"message": "Element \"input\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 24,
"top": 9684,
"height": 22,
"width": 147
},
"snippet": "<input id=\"nombre_contacto\" aria-required=\"true\" class=\"form-control input_herramienta\" type=\"text\">",
"level": "violation"
},
{
"ruleId": "aria_hidden_focus_misuse",
"path": {
"dom": "/html[1]/body[1]/footer[1]/div[1]/div[1]/div[1]/div[1]/button[1]",
"aria": "/document[1]/contentinfo[1]/dialog[1]/document[1]/button[1]"
},
"message": "Element \"button\" should not be focusable within the subtree of an element with an 'aria-hidden' attribute with value 'true'",
"bounds": {
"left": 8,
"top": 9552,
"height": 66,
"width": 44
},
"snippet": "<button aria-label=\"Cerrar\" data-dismiss=\"modal\" class=\"close\" type=\"button\">",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/main[1]/section[2]/div[1]/div[1]/div[1]/iframe[1]",
"aria": "/document[1]/main[1]"
},
"message": "The HTML attribute(s) \"frameborder\" is deprecated for the <iframe> element in HTML 5",
"bounds": {
"left": 8,
"top": 2683,
"height": 350,
"width": 784
},
"snippet": "<iframe allowfullscreen=\"\" title=\"Video: Hearcolors, Valida la accesibilidad de tu Sitio Web\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" frameborder=\"0\" src=\"https://www.youtube.com/embed/-G0qfIFOErI\" height=\"350\" width=\"100%\">",
"level": "recommendation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/iframe[3]",
"aria": "/document[1]"
},
"message": "The HTML attribute(s) \"scrolling, frameborder\" is deprecated for the <iframe> element in HTML 5",
"bounds": {
"left": 9,
"top": 13563,
"height": 1,
"width": 1
},
"snippet": "<iframe src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=i1yjx403yhjixhnl5ikowa157l4cgvgo\" width=\"1\" frameborder=\"0\" scrolling=\"no\" height=\"1\">",
"level": "recommendation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/iframe[2]",
"aria": "/document[1]"
},
"message": "The HTML attribute(s) \"scrolling, frameborder\" is deprecated for the <iframe> element in HTML 5",
"bounds": {
"left": 8,
"top": 13563,
"height": 1,
"width": 1
},
"snippet": "<iframe src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=39p8ic5xfb523qha2vy4zopnbxaloh3i\" width=\"1\" frameborder=\"0\" scrolling=\"no\" height=\"1\">",
"level": "recommendation"
}
]
},
"url": {
"totals": {
"violation": 3,
"recommendation": 2,
"ignored": 0
},
"items": [
{
"ruleId": "WCAG21_Label_Accessible",
"path": {
"dom": "/html[1]/body[1]/footer[1]/section[1]/div[1]/div[1]/div[5]/p[2]/a[1]",
"aria": "/document[1]/contentinfo[1]/link[3]"
},
"message": "Accessible name does not match or contain the visible label text",
"bounds": {
"left": 565,
"top": 4182,
"height": 43,
"width": 132
},
"snippet": "<a aria-label=\"contáctenos al teléfono +52 55 52 02 1960\" href=\"tel: //5552021960\" class=\"contacto_a\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Img_HasAlt",
"path": {
"dom": "/html[1]/body[1]/iframe[2]/img[1]",
"aria": "/document[1]/img[1]"
},
"message": "Image does not have an 'alt' attribute short text alternative",
"bounds": {
"left": 0,
"top": 0,
"height": 0,
"width": 0
},
"snippet": "<img src=\"https://ssl.kaptcha.com/logo.gif?m=205000&s=ha61167ffv4yb8w4am2unju7up24icwi\" width=\"1\" height=\"1\">",
"level": "violation"
},
{
"ruleId": "WCAG20_Frame_HasTitle",
"path": {
"dom": "/html[1]/body[1]/iframe[2]",
"aria": "/document[1]"
},
"message": "Inline frame does not have a 'title' attribute",
"bounds": {
"left": 0,
"top": 4596,
"height": 1,
"width": 1
},
"snippet": "<iframe src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=ha61167ffv4yb8w4am2unju7up24icwi\" width=\"1\" frameborder=\"0\" scrolling=\"no\" height=\"1\">",
"level": "violation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/main[1]/section[2]/div[1]/div[1]/div[1]/iframe[1]",
"aria": "/document[1]/main[1]"
},
"message": "The HTML attribute(s) \"frameborder\" is deprecated for the <iframe> element in HTML 5",
"bounds": {
"left": 115,
"top": 406,
"height": 350,
"width": 330
},
"snippet": "<iframe allowfullscreen=\"\" title=\"Video: Hearcolors, Valida la accesibilidad de tu Sitio Web\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" frameborder=\"0\" src=\"https://www.youtube.com/embed/-G0qfIFOErI\" height=\"350\" width=\"100%\">",
"level": "recommendation"
},
{
"ruleId": "element_attribute_deprecated",
"path": {
"dom": "/html[1]/body[1]/iframe[2]",
"aria": "/document[1]"
},
"message": "The HTML attribute(s) \"scrolling, frameborder\" is deprecated for the <iframe> element in HTML 5",
"bounds": {
"left": 0,
"top": 4596,
"height": 1,
"width": 1
},
"snippet": "<iframe src=\"https://ssl.kaptcha.com/logo.htm?m=205000&s=ha61167ffv4yb8w4am2unju7up24icwi\" width=\"1\" frameborder=\"0\" scrolling=\"no\" height=\"1\">",
"level": "recommendation"
}
]
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "wave",
"reportType": 4,
"what": "WAVE",
"url": "https://www.hearcolors.com.mx/",
"result": {
"status": {
"success": true,
"httpstatuscode": 200
},
"statistics": {
"pagetitle": "Accesibilidad Web | HearColors",
"pageurl": "https://www.hearcolors.com.mx/",
"time": 4.54,
"creditsremaining": 378,
"allitemcount": 220,
"totalelements": 608,
"waveurl": "http://wave.webaim.org/report?url=https://www.hearcolors.com.mx/"
},
"categories": {
"error": {
"description": "Errors",
"count": 1,
"items": {
"alt_spacer_missing": {
"id": "alt_spacer_missing",
"description": "Spacer image missing alternative text",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER + MAIN + FOOTER + IFRAME > IMG:first-child"
],
"wcag": [
{
"name": "1.1.1 Non-text Content (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.1.1"
}
]
}
}
},
"contrast": {
"description": "Contrast Errors",
"count": 0,
"items": []
},
"alert": {
"description": "Alerts",
"count": 10,
"items": {
"text_justified": {
"id": "text_justified",
"description": "Justified text",
"count": 5,
"selectors": [
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV#modal_registro > DIV:first-child > DIV:first-child > DIV:first-child + FORM > FIELDSET:first-child > LEGEND:first-child + DIV > DIV:first-child",
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV#modal_inicio_sesion > DIV:first-child > DIV:first-child > DIV:first-child + FORM > FIELDSET:first-child > LEGEND:first-child + DIV > DIV:first-child",
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV#modal_olvidaste_contraseña > DIV:first-child > DIV:first-child > DIV:first-child + FORM > FIELDSET:first-child > LEGEND:first-child + DIV > DIV:first-child",
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV#modal_olvidaste_contraseña > DIV:first-child > DIV:first-child > DIV:first-child + FORM > FIELDSET:first-child > LEGEND:first-child + DIV > P#desc_correo",
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV#modal_pago_conDetalle > DIV:first-child > DIV:first-child > DIV:first-child + DIV > DIV:first-child > DIV:first-child + DIV > DIV#pestañas_metodo_pagoContent > DIV#tarjeta_pestaña_content > FORM#card-form > FIELDSET:first-child > LEGEND:first-child + DIV"
],
"wcag": []
},
"heading_skipped": {
"id": "heading_skipped",
"description": "Skipped heading level",
"count": 3,
"selectors": [
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV#modal_carrito > DIV:first-child > DIV:first-child > DIV:first-child > H5#modal_carrito_label",
"HTML > HEAD:first-child + BODY > MAIN#contenido_principal > DIV#modal_boletin > DIV:first-child > DIV:first-child > DIV:first-child > H5#modal_boletinLabel",
"HTML > HEAD:first-child + BODY > FOOTER#footer > DIV#modal_contacto > DIV:first-child > DIV:first-child > DIV:first-child > H5#modal_contactoLabel"
],
"wcag": [
{
"name": "1.3.1 Info and Relationships (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.3.1"
},
{
"name": "2.4.1 Bypass Blocks (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.1"
},
{
"name": "2.4.6 Headings and Labels (Level AA)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.6"
}
]
},
"link_redundant": {
"id": "link_redundant",
"description": "Redundant link",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > IFRAME:first-child + HEADER > DIV:first-child + DIV + DIV + DIV + DIV + DIV > NAV#menu_superior > DIV#navbarSupportedContent > UL:first-child > LI:first-child > A:first-child"
],
"wcag": [
{
"name": "2.4.4 Link Purpose (In Context) (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc2.4.4"
}
]
},
"youtube_video": {
"id": "youtube_video",
"description": "YouTube video",
"count": 1,
"selectors": [
"HTML > HEAD:first-child + BODY > MAIN#contenido_principal > DIV:first-child + H1 + SECTION + SECTION > DIV:first-child > DIV:first-child > DIV:first-child > IFRAME:first-child"
],
"wcag": [
{
"name": "1.2.1 Prerecorded Audio-only and Video-only (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.2.1"
},
{
"name": "1.2.2 Captions (Prerecorded) (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.2.2"
},
{
"name": "1.2.3 Audio Description or Media Alternative (Prerecorded) (Level A)",
"link": "https://webaim.org/standards/wcag/checklist#sc1.2.3"
}
]
}
}
}
}
}
},
{
"type": "launch",
"which": "chromium",
"what": "chromium browser"
},
{
"type": "url",
"which": "https://www.hearcolors.com.mx/",
"what": "URL",
"result": "https://www.hearcolors.com.mx/"
},
{
"type": "test",
"which": "tenon",
"id": "a",
"what": "Tenon",
"url": "https://www.hearcolors.com.mx/",
"result": {
"status": 200,
"message": "OK",
"code": "success",
"info": "Success",
"moreInfo": "https://tenon.io/documentation/apiv2/response-codes#success",
"responseExecTime": "0.096",
"responseTime": "2022-07-06T01:51:12.831Z",
"data": {
"apiErrors": [],
"documentSize": 1043605,
"metadata": null,
"resultSummary": {
"tests": {
"total": 180,
"passing": 172,
"failing": 8
},
"issues": {
"totalErrors": 41,
"totalWarnings": 3,
"totalIssues": 44
},
"issuesByLevel": {
"A": {
"count": 35,
"pct": 79.55
},
"AA": {
"count": 32,
"pct": 72.73
},
"AAA": {
"count": 44,
"pct": 100
}
},
"density": {
"errorDensity": 4,
"warningDensity": 0,
"allDensity": 4
}
},
"projectID": "E4B12DC9-2F67-8DB7-26C9-E50C8490",
"responseID": "ccdadb62-ac69-466d-a957-34c49d2ce7c3",
"docID": "206cd80e-aec0-4585-9460-a2453178297f",
"sourceHash": "f2cf75e09b161ca235dd0fd0fb9ab584",
"urlHttpCode": 200,
"clientScriptErrors": [],
"remainingApiCalls": {
"planCalls": 0,
"boosts": 19
},
"globalStats": {
"errorDensity": "N/A",
"warningDensity": "N/A",
"allDensity": "N/A",
"stdDev": "N/A"
},
"resultUrl": "http://ngnix/history.php?responseID=ccdadb62-ac69-466d-a957-34c49d2ce7c3",
"resultSet": [
{
"tID": 36,
"bpID": 4,
"priority": 100,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This text is justified.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 1.4.8 Visual Presentation"
],
"resultTitle": "Avoid using justified text",
"errorDescription": "This text has been styled with CSS to display as justified. Justified text causes readability problems for people with learning disabilities, dyslexia and some visual disabilities. Long passages of fully justified text creates inconsistent spacing between word and letter boundaries that can make reading justified text very difficult. Ensure that text is not styled to be fully justified (aligned to both the left and the right margins).",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 0,
"y": 0
},
"height": 0,
"width": 0
},
"position": {
"line": 7964,
"column": 423
},
"errorSnippet": "<p class=\"text-justify\" id=\"desc_correo\">Ingrese la dirección de correo con la que se registró y recibirá un correo con las instrucciones para recuperar su contraseña</p>",
"xpath": "/html/body/header[1]/div[3]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/p[1]",
"issueID": "73ca3a20b63d7e892b6eea1f0ee86a89",
"signature": "3efd04bec015352479373b92e106cab3",
"ref": "https://tenon.io/bestpractice.php?bpID=4&tID=36&issueID=73ca3a20b63d7e892b6eea1f0ee86a89"
},
{
"tID": 144,
"bpID": 14,
"priority": 91,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This content's line height is insufficent to properly display the computed element font size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 1.4.8 Visual Presentation"
],
"resultTitle": "Set a `line-height` (leading) that is at least one and a half times the current font size.",
"errorDescription": "This content's line height is insufficent to properly display the computed element font size. Line height that is less than 150% of the computed element font size limits content readability for people with dyslexia, low vision, cognitive impairments or learning disabilities. Set the `line-height` for this content to a value of 1.5 or higher. Using a proportional, unitless value like 1.5 or 150% will ensure that the line-height scales if the user zooms the browser window.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 0,
"y": 0
},
"height": 0,
"width": 0
},
"position": {
"line": 558,
"column": 0
},
"errorSnippet": "<table class=\"table table-striped\"> <caption class=\"sr-only\">Productos por comprar</caption> <thead style=\"\"> <tr style=\"\"> <th scope=\"col\">Producto </th> <th scope=\"col\">Plan </th> <th scope=\"col\"",
"xpath": "/html/body/header[1]/div[4]/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/table[1]",
"issueID": "33e9eb6bedac9196b4f8f1416ccf8f40",
"signature": "eb8236affe49e8b5a3a89f26723481fd",
"ref": "https://tenon.io/bestpractice.php?bpID=14&tID=144&issueID=33e9eb6bedac9196b4f8f1416ccf8f40"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 8276,
"column": 9
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/header[1]/div[1]/div[1]/div[1]/div[1]/button[1]",
"issueID": "7270ad3df2704469f20e222a4523cfd9",
"signature": "bb1ddb138eaba253dab2bd1d2c3d14c2",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=7270ad3df2704469f20e222a4523cfd9"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 558,
"column": 215
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"nombre_completo_registro\" name=\"nombre_completo_registro\" aria-required=\"true\">",
"xpath": "/html/body/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[3]/div[1]/input[1]",
"issueID": "39d92cb92722bdf3cfbfd06321d4684e",
"signature": "548a8e4d947a62ce310a9ca9657105d5",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=39d92cb92722bdf3cfbfd06321d4684e"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 4322,
"column": 34
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"correo_registro\" name=\"correo_registro\" aria-required=\"true\">",
"xpath": "/html/body/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[4]/div[1]/input[1]",
"issueID": "370dd84b0ad140593e2536e5fb1acffa",
"signature": "e1d12f230820a5d2412e7e87b4d4d54b",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=370dd84b0ad140593e2536e5fb1acffa"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 4323,
"column": 0
},
"errorSnippet": "<input type=\"password\" aria-describedby=\"desc_contraseña_registro\" class=\"form-control input_herramienta\" id=\"pass_registro\" name=\"pass_registro\" aria-required=\"true\">",
"xpath": "/html/body/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[5]/div[1]/input[1]",
"issueID": "079f74d8b5c3a48c3556455131bdd2e4",
"signature": "9f7562a2ead2b9346a0210f726fcd238",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=079f74d8b5c3a48c3556455131bdd2e4"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 4323,
"column": 0
},
"errorSnippet": "<input type=\"password\" aria-describedby=\"desc_contraseña_registro\" class=\"form-control input_herramienta\" id=\"confirmar_pass_registro\" name=\"confirmar_pass_registro\" aria-required=\"true\">",
"xpath": "/html/body/header[1]/div[1]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[6]/div[1]/input[1]",
"issueID": "4d6a908741ac807a7b61718adfc55e79",
"signature": "821460d271444e26ba8d35e4417a897e",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=4d6a908741ac807a7b61718adfc55e79"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 8377,
"column": 9
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/header[1]/div[2]/div[1]/div[1]/div[1]/button[1]",
"issueID": "c23ae1140291070610cb431c9762c656",
"signature": "818df8b88e0f94b69d7bf33b45258881",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=c23ae1140291070610cb431c9762c656"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 6487,
"column": 34
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"correo_inicio_sesion\" name=\"correo_inicio_sesion\">",
"xpath": "/html/body/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[2]/div[1]/input[1]",
"issueID": "709cb38e443125a4152c97a9ac68de3a",
"signature": "29efd7ba19c0fe4f01ac2974e8b2a48f",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=709cb38e443125a4152c97a9ac68de3a"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 6488,
"column": 0
},
"errorSnippet": "<input type=\"password\" class=\"form-control input_herramienta\" id=\"pass_inicio_sesion\" name=\"pass_inicio_sesion\">",
"xpath": "/html/body/header[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[3]/div[1]/input[1]",
"issueID": "e72a8499e952b5b3ebc0036ddd73d0f3",
"signature": "851fa882750eef879c334e7711b17435",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=e72a8499e952b5b3ebc0036ddd73d0f3"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 8450,
"column": 9
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/header[1]/div[3]/div[1]/div[1]/div[1]/button[1]",
"issueID": "406720616610a6d15ccd7fd6834eace1",
"signature": "df35db23ed7714682b70ca109d218eed",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=406720616610a6d15ccd7fd6834eace1"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 6488,
"column": 0
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" aria-describedby=\"desc_correo\" id=\"correo_olvidaste_contraseña\" name=\"correo_olvidaste_contraseña\">",
"xpath": "/html/body/header[1]/div[3]/div[1]/div[1]/form[1]/fieldset[1]/div[1]/div[2]/div[1]/input[1]",
"issueID": "7d692dae30e0b2114feb93d8567fe381",
"signature": "5a0b0667f631bf3db71ca2b5f253ebec",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=7d692dae30e0b2114feb93d8567fe381"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 8501,
"column": 9
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/header[1]/div[4]/div[1]/div[1]/div[1]/button[1]",
"issueID": "5a7946d8583edb647301300db6d808ad",
"signature": "666bada7d862fc533d58cd3dabb8ca66",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=5a7946d8583edb647301300db6d808ad"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 8548,
"column": 9
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[1]/button[1]",
"issueID": "3208ace2eaad3899f24988b4b636792a",
"signature": "b89d2cbd130c51e2a0b68ec2991d649a",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=3208ace2eaad3899f24988b4b636792a"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -26,
"y": 24
},
"height": 24,
"width": -26
},
"position": {
"line": 8304,
"column": 17
},
"errorSnippet": "<input type=\"text\" class=\"form-control\" aria-required=\"true\" id=\"nombre_tarjetahabiente\" data-conekta=\"card[name]\">",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[3]/div[1]/div[1]/input[1]",
"issueID": "8176f61e658c3b54119b65fcd7b9e722",
"signature": "527c6bbf3d6d550cb5b7cec1a29faed7",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=8176f61e658c3b54119b65fcd7b9e722"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -26,
"y": 24
},
"height": 24,
"width": -26
},
"position": {
"line": 8315,
"column": 17
},
"errorSnippet": "<input type=\"text\" aria-describedby=\"lista_tarjetas\" aria-required=\"true\" class=\"form-control\" id=\"numero_tarjeta\" data-conekta=\"card[number]\">",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[4]/div[1]/div[1]/input[1]",
"issueID": "fc9ef03e4c8282755b96739cc8331c8c",
"signature": "2d4c2ac646ed4a7c55d5483fd378e5aa",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=fc9ef03e4c8282755b96739cc8331c8c"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -26,
"y": 24
},
"height": 24,
"width": -26
},
"position": {
"line": 8326,
"column": 17
},
"errorSnippet": "<input type=\"password\" class=\"form-control\" aria-required=\"true\" size=\"3\" id=\"cvc\" data-conekta=\"card[cvc]\">",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[1]/div[1]/input[1]",
"issueID": "e94b99380689331d0a68bdf11ba513cd",
"signature": "e37b06c88f3133ff15d9777a999c2fa3",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=e94b99380689331d0a68bdf11ba513cd"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -26,
"y": 24
},
"height": 24,
"width": -26
},
"position": {
"line": 8337,
"column": 17
},
"errorSnippet": "<input type=\"text\" class=\"form-control\" aria-required=\"true\" aria-label=\"Mes en formato de dos dígitos\" size=\"2\" id=\"fecha_mes\" aria-describedby=\"fecha_expiracion_tarjeta\" data-conekta=\"card[exp_month]\">",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[2]/div[1]/div[2]/div[1]/input[1]",
"issueID": "6507086bc3101766bb5fe95510b27944",
"signature": "35c64457b120ae1cd767540ae29e2006",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=6507086bc3101766bb5fe95510b27944"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -26,
"y": 24
},
"height": 24,
"width": -26
},
"position": {
"line": 8400,
"column": 19
},
"errorSnippet": "<input type=\"text\" class=\"form-control\" aria-required=\"true\" aria-label=\"Año en formato de 4 dígitos\" size=\"4\" id=\"fecha_anio\" aria-describedby=\"fecha_expiracion_tarjeta\" data-conekta=\"card[exp_year]\">",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/div[1]/div[1]/form[1]/fieldset[1]/div[5]/div[2]/div[1]/div[3]/div[1]/input[1]",
"issueID": "5991417de71458da638e363a7b645cf2",
"signature": "c30dcc77d099f94edc791d4534511c07",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=5991417de71458da638e363a7b645cf2"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 17.5,
"y": 20
},
"height": 20,
"width": 17.5
},
"position": {
"line": 8704,
"column": 7
},
"errorSnippet": "<button class=\"navbar-toggler btn_salto\" type=\"button\" data-toggle=\"collapse\" data-target=\"#nav_salto_control_expand\" aria-controls=\"nav_salto_control_expand\" aria-expanded=\"false\" aria-label=\"Menú de salto de bloques\" style=\"\"> <svg class=\"svg-",
"xpath": "/html/body/header[1]/div[6]/nav[1]/button[1]",
"issueID": "c87a94b2e78441587a8920d6ac58176e",
"signature": "c099ab35bc88e6f426e3469b8b810a4e",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=c87a94b2e78441587a8920d6ac58176e"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 17.5,
"y": 20
},
"height": 20,
"width": 17.5
},
"position": {
"line": 8724,
"column": 7
},
"errorSnippet": "<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarSupportedContent\" aria-expanded=\"false\" aria-label=\"Menú de navegación\" style=\"\"> <svg class=\"svg-inline--fa fa-bars f",
"xpath": "/html/body/header[1]/div[6]/nav[2]/button[1]",
"issueID": "0415872dd608e7d8c5b0b3f092023fae",
"signature": "aacb08e17cec7887deb271524cc7138d",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=0415872dd608e7d8c5b0b3f092023fae"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 887.75,
"y": 14
},
"bottom-right": {
"x": 909.75,
"y": 66
},
"height": 52,
"width": 22
},
"position": {
"line": 558,
"column": 0
},
"errorSnippet": "<a href=\"#\" id=\"btn_carrito\" role=\"button\" data-toggle=\"modal\" data-target=\"#modal_carrito\" aria-label=\"Carrito de compras, 0 productos añadidos\"> <svg class=\"svg-inline--fa fa-shopping-cart fa-w-18\" aria-hidden=\"true\" focusable=\"false\" data-pre",
"xpath": "/html/body/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[8]/a[1]",
"issueID": "0e58b9a45844359363504890f1206254",
"signature": "1976e7f46706ff04ebabc97a9f923627",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=0e58b9a45844359363504890f1206254"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 8800,
"column": 24
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/main[1]/div[1]/div[1]/div[1]/div[1]/button[1]",
"issueID": "94e4cb00b3ce78b6fbf1031d663c3afe",
"signature": "6120f7c57b74c262cc0bd80669a4b863",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=94e4cb00b3ce78b6fbf1031d663c3afe"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 8411,
"column": 19
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" id=\"correo_boletin\">",
"xpath": "/html/body/main[1]/div[1]/div[1]/div[1]/div[2]/div[2]/div[1]/div[1]/div[1]/input[1]",
"issueID": "abf23644cfa58e9c081dae185ef55afd",
"signature": "94f68c5a2c13c3a08b93391c6dc0fa84",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=abf23644cfa58e9c081dae185ef55afd"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 16
},
"bottom-right": {
"x": -32,
"y": -30
},
"height": -46,
"width": -32
},
"position": {
"line": 9637,
"column": 5
},
"errorSnippet": "<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Cerrar\"> <span aria-hidden=\"true\">×</span> </button>",
"xpath": "/html/body/footer[1]/div[1]/div[1]/div[1]/div[1]/button[1]",
"issueID": "8f29336bb924c7e31765d5451cc29ab9",
"signature": "ccbb53176ef7441f9501dd37e22421d1",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=8f29336bb924c7e31765d5451cc29ab9"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 8475,
"column": 19
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" aria-required=\"true\" id=\"nombre_contacto\">",
"xpath": "/html/body/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/fieldset[1]/div[1]/div[1]/div[1]/input[1]",
"issueID": "3fbad1600f0df7ad9e386b3ae1af98da",
"signature": "74e63675d66c21467b63a407b3635efa",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=3fbad1600f0df7ad9e386b3ae1af98da"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": 30
},
"height": 30,
"width": -34
},
"position": {
"line": 8607,
"column": 29
},
"errorSnippet": "<input type=\"text\" class=\"form-control input_herramienta\" aria-required=\"true\" id=\"correo_contacto\">",
"xpath": "/html/body/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/fieldset[1]/div[2]/div[1]/div[1]/input[1]",
"issueID": "c0ab56f66773f4d8c6a08c7a73b04759",
"signature": "0136e442fcb758f0a25d1bd7b9116125",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=c0ab56f66773f4d8c6a08c7a73b04759"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": -34,
"y": -18
},
"height": -18,
"width": -34
},
"position": {
"line": 558,
"column": 14812
},
"errorSnippet": "<textarea type=\"text\" rows=\"5\" class=\"form-control input_herramienta\" aria-required=\"true\" id=\"mensaje_contacto\"></textarea>",
"xpath": "/html/body/footer[1]/div[1]/div[1]/div[1]/div[2]/form[1]/fieldset[1]/div[3]/div[1]/div[1]/textarea[1]",
"issueID": "0f6449371e2d9c975501ce2159185d95",
"signature": "27cd955ab615fde5ce7d4a2b346415d4",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=0f6449371e2d9c975501ce2159185d95"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 15,
"y": 118.625
},
"bottom-right": {
"x": 46,
"y": 157.625
},
"height": 39,
"width": 31
},
"position": {
"line": 4191,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Facebook de HearColors, se abrirá en una nueva pestaña\" href=\"https://www.facebook.com/accesibilidadweb\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-facebook fa-w-14\" aria-hidden=\"true\" focusable=\"false\" d",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[1]/a[1]",
"issueID": "53c8e5b5610bbee65cbdaf96f0fcf1d3",
"signature": "bde6a3589f2a6f4b437f89e6da6dfa90",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=53c8e5b5610bbee65cbdaf96f0fcf1d3"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 58.078125,
"y": 118.625
},
"bottom-right": {
"x": 89.078125,
"y": 157.625
},
"height": 39,
"width": 31
},
"position": {
"line": 4550,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Twitter de HearColors, se abrirá en una nueva pestaña\" href=\"https://twitter.com/@Hear_Colors\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-twitter-square fa-w-14\" aria-hidden=\"true\" focusable=\"false\" data-",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[2]/a[1]",
"issueID": "52de5a58d1e4b862ed98c04de08496db",
"signature": "e0b425bab545952479595ef1d537bbd3",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=52de5a58d1e4b862ed98c04de08496db"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 101.15625,
"y": 118.625
},
"bottom-right": {
"x": 132.15625,
"y": 157.625
},
"height": 39,
"width": 31
},
"position": {
"line": 4550,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Linkedin de HearColors, se abrirá en una nueva pestaña\" href=\"https://www.linkedin.com/in/hear-colors-1470ba18a/\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-linkedin fa-w-14\" aria-hidden=\"true\" focusable=",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[3]/a[1]",
"issueID": "e9b7e20fb93ecfbcb2ddb11107cc4d6d",
"signature": "481d4fe779c899b769c3c6a99214fd90",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=e9b7e20fb93ecfbcb2ddb11107cc4d6d"
},
{
"tID": 152,
"bpID": 211,
"priority": 88,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 100,
"errorTitle": "This actionable element is smaller than the minimum required size.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This actionable element is smaller than the stated minimum defined by all mobile platform developer guides. Minimum sizes for actionable elements ensure that those elements can be operated by people with vision, motor and cognitive disabilities. Even if this system is not explicitly intended for mobile use, it should be enlarged with CSS to meet minimu requirements and improve usability for users with vision, motor and cognitive disabilities.",
"viewPortLocation": {
"top-left": {
"x": 144.234375,
"y": 118.625
},
"bottom-right": {
"x": 184.234375,
"y": 157.625
},
"height": 39,
"width": 40
},
"position": {
"line": 4551,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Youtube de HearColors, se abrirá en una nueva pestaña\" href=\"https://www.youtube.com/c/HearcolorsMx\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-youtube fa-w-18\" aria-hidden=\"true\" focusable=\"false\" data-p",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[4]/a[1]",
"issueID": "a5ffbdb6b52a066a3bbb5829dfd1b869",
"signature": "fc09e390ca14a4a86796f01c2b1babbd",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=152&issueID=a5ffbdb6b52a066a3bbb5829dfd1b869"
},
{
"tID": 153,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 60,
"errorTitle": "This long string of text is in all caps.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This element contains a long passage of text that is capitalized, either in the text itself or via CSS text-transform. Capitalized text can be very difficult to read for users with dyslexia Modify this passage of text so that it is no longer all in upper case. Changing this to sentence case will result in significant improvements in readability.",
"viewPortLocation": {
"top-left": {
"x": 626.484375,
"y": 8
},
"bottom-right": {
"x": 779.765375,
"y": 72
},
"height": 64,
"width": 153.281
},
"position": {
"line": 6692,
"column": 40
},
"errorSnippet": "<li class=\"nav-item \"> <a class=\"nav-link\" role=\"menuitem\" href=\"https://www.hearcolors.com.mx/web/capacitaciones_online\">CAPACITACIONES<br>EN LÍNEA</a> </li>",
"xpath": "/html/body/header[1]/div[6]/nav[2]/div[1]/ul[1]/li[6]",
"issueID": "cb94cdd48b7fbce7bc3ab7d50f75fecc",
"signature": "d3b99e6951c48968d807bb4435f09064",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=153&issueID=cb94cdd48b7fbce7bc3ab7d50f75fecc"
},
{
"tID": 153,
"bpID": 211,
"priority": 85,
"level": [
"A",
"AA",
"AAA"
],
"certainty": 60,
"errorTitle": "This long string of text is in all caps.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.5 Images of Text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 3.2.4 Consistent Identification",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AA: 1.4.4 Resize text",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.5.5 Target Size"
],
"resultTitle": "Ensure content is legible.",
"errorDescription": "This element contains a long passage of text that is capitalized, either in the text itself or via CSS text-transform. Capitalized text can be very difficult to read for users with dyslexia Modify this passage of text so that it is no longer all in upper case. Changing this to sentence case will result in significant improvements in readability.",
"viewPortLocation": {
"top-left": {
"x": 47,
"y": 3649.46875
},
"bottom-right": {
"x": 1007,
"y": 3687.46875
},
"height": 38,
"width": 960
},
"position": {
"line": 9624,
"column": 5
},
"errorSnippet": "<div class=\"row mt-3\"> <div class=\"col-md-12 col-sm-12 text-center\"> <button type=\"button\" class=\"btn btn_rojo\" data-toggle=\"modal\" data-target=\"#modal_boletin\">SUSCRIBIRSE AL BOLETÍN</button> </div> </div>",
"xpath": "/html/body/main[1]/section[7]/div[1]/div[3]",
"issueID": "28cabdbdd1f3081dc3015fe3181e9445",
"signature": "e90804e1fa2b240018e48319f06f965d",
"ref": "https://tenon.io/bestpractice.php?bpID=211&tID=153&issueID=28cabdbdd1f3081dc3015fe3181e9445"
},
{
"tID": 155,
"bpID": 143,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 60,
"errorTitle": "These headings are not structured in a hierarchical manner.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.10 Section Headings"
],
"resultTitle": "Make sure that headings are in the right order for the content.",
"errorDescription": "The heading structure of this page does not effectively communicate the structure of the content on it. Heading elements provide important benefits: they act as wayfinding cues for in-page navigation, they contribute to page content summaries, and they provide context to the content below them. To do so effectively, headings should follow the `<h1>` to `<h6>` hierarchy and they should not skip levels. Restructure the document's heading order so it uses a clear, ordered, and intuitive hierarchy. Ensure there are no gaps between each numbered heading level and the next.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 1024,
"y": 4225.47
},
"height": 4225.47,
"width": 1024
},
"position": {
"line": 2593,
"column": 60
},
"errorSnippet": "<body> <iframe id=\"iframe_descarga\" style=\"display: none;\" title=\"Contenedor para descarga de archivos\" src=\"\"></iframe> <!-- Top nav --> <header> <!-- MODALS -->\n<div class=\"modal\" id=\"modal_registro\" tabindex=\"-1\"",
"xpath": "/html/body",
"issueID": "cf0ffdfb531e447bc26108cfe519ecf6",
"signature": "897122b40ca6a7f50b4ac9bc62f20154",
"ref": "https://tenon.io/bestpractice.php?bpID=143&tID=155&issueID=cf0ffdfb531e447bc26108cfe519ecf6"
},
{
"tID": 190,
"bpID": 73,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "Item(s) with interactive `role` must have `tabindex=\"0\"` unless it is natively actionable.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 2.1.1 Keyboard",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.1.3 Keyboard (No Exception)"
],
"resultTitle": "Make sure that all interactive elements can receive focus using the keyboard.",
"errorDescription": "This element has an ARIA role that is intended for widgets that are used for interaction. However, it lacks a `tabindex` attribute. As a consequence, users who navigate the page via keyboard will be unable to gain focus on this control and will be unable to interact with it with the keyboard. Add `tabindex=\"0\"` to this control. Also ensure that this control responds to all of the necessary key events required of this type of control.",
"viewPortLocation": {
"top-left": {
"x": 0,
"y": 0
},
"bottom-right": {
"x": 0,
"y": -1
},
"height": -1,
"width": 0
},
"position": {
"line": 6416,
"column": 0
},
"errorSnippet": "<ul class=\"nav nav-tabs\" id=\"pestañas_metodo_pago\" role=\"tablist\"> <li class=\"nav-item\" style=\"width: auto;\"> <a class=\"nav-link active\" id=\"tarjeta_pestaña\" data-toggle=\"tab\" href=\"#tarjeta_pestaña_content\" role=\"tab\" aria-controls=\"tarje",
"xpath": "/html/body/header[1]/div[5]/div[1]/div[1]/div[2]/div[1]/div[2]/ul[1]",
"issueID": "ab9c12af3babed8d1fef9234208343b7",
"signature": "00d2ee8cf845b6ce9e4524332f8ccc4e",
"ref": "https://tenon.io/bestpractice.php?bpID=73&tID=190&issueID=ab9c12af3babed8d1fef9234208343b7"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 379.9375,
"y": 73
},
"bottom-right": {
"x": 579.9375,
"y": 95
},
"height": 22,
"width": 200
},
"position": {
"line": 588,
"column": 1090
},
"errorSnippet": "<a href=\"https://hearcolors-educacion.teachable.com/\" target=\"_blank\" title=\"se abrirá en otra pestaña\">HearColors Educación</a>",
"xpath": "/html/body/main[1]/section[3]/div[1]/div[2]/div[1]/p[1]/a[1]",
"issueID": "32aac01d747b6df1f2974514c00faee0",
"signature": "940759c7f8b9628247d32083ee72baff",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=32aac01d747b6df1f2974514c00faee0"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 15,
"y": 0
},
"bottom-right": {
"x": 145,
"y": 130
},
"height": 130,
"width": 130
},
"position": {
"line": 606,
"column": 79
},
"errorSnippet": "<a target=\"_blank\" style=\"display: block;\" href=\"https://www.hearcolors.com.mx/SelloAccesibilidad.php?num_clte=60A8912D\"> <img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/footer/distintivo_rojo_transparente.png\" alt=\"Distintivo de a",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[1]/a[1]",
"issueID": "d3fec0a099c36088c473d6eec07d7f62",
"signature": "a298e74b7fc76fa24c139224039f5670",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=d3fec0a099c36088c473d6eec07d7f62"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 15,
"y": 0
},
"bottom-right": {
"x": 145,
"y": 130
},
"height": 130,
"width": 130
},
"position": {
"line": 1593,
"column": 5796
},
"errorSnippet": "<a target=\"_blank\" style=\"display: block;\" href=\"https://zeroproject.org/announcing-awardees-2018/\"> <img class=\"img-fluid\" src=\"https://www.hearcolors.com.mx/img/footer/distintivo_zero_transparente.png\" alt=\"HearColors Proyecto Ganador en Práct",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[2]/a[1]",
"issueID": "de26ae7ead195de56b2479cff3641982",
"signature": "c89787b98396e22ed4d977ab087cfaa3",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=de26ae7ead195de56b2479cff3641982"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 15,
"y": 118.625
},
"bottom-right": {
"x": 46,
"y": 157.625
},
"height": 39,
"width": 31
},
"position": {
"line": 4191,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Facebook de HearColors, se abrirá en una nueva pestaña\" href=\"https://www.facebook.com/accesibilidadweb\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-facebook fa-w-14\" aria-hidden=\"true\" focusable=\"false\" d",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[1]/a[1]",
"issueID": "5a1cc4b89cde2664b670ffa853d7298c",
"signature": "c8c8ef64a808d673cdad522e01cfe107",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=5a1cc4b89cde2664b670ffa853d7298c"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 58.078125,
"y": 118.625
},
"bottom-right": {
"x": 89.078125,
"y": 157.625
},
"height": 39,
"width": 31
},
"position": {
"line": 4550,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Twitter de HearColors, se abrirá en una nueva pestaña\" href=\"https://twitter.com/@Hear_Colors\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-twitter-square fa-w-14\" aria-hidden=\"true\" focusable=\"false\" data-",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[2]/a[1]",
"issueID": "c579e2872173493e287cc0ad019767b1",
"signature": "198c90572a95c1d0b3cbed36e9822f87",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=c579e2872173493e287cc0ad019767b1"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 101.15625,
"y": 118.625
},
"bottom-right": {
"x": 132.15625,
"y": 157.625
},
"height": 39,
"width": 31
},
"position": {
"line": 4550,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Linkedin de HearColors, se abrirá en una nueva pestaña\" href=\"https://www.linkedin.com/in/hear-colors-1470ba18a/\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-linkedin fa-w-14\" aria-hidden=\"true\" focusable=",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[3]/a[1]",
"issueID": "04f7e0781b45068f530d9c09bfacf082",
"signature": "b8cb9e134c95b8cc9aa53bf02e812204",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=04f7e0781b45068f530d9c09bfacf082"
},
{
"tID": 218,
"bpID": 207,
"priority": 88,
"level": [
"AAA"
],
"certainty": 100,
"errorTitle": "This link opens in a new window without user control.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.2.5 Change on Request"
],
"resultTitle": "Notify the user when links will open new windows or tabs",
"errorDescription": "This link opens in a new window without user control. Opening a new window or new tab unexpectedly can cause confusion for users, particularly for blind users and those with low vision, cogntive impairments or learning disabilities.. Avoid opening links in new windows or tabs. If it is unavoidable, give the user warning via text or a properly marked up and appropriate icon.",
"viewPortLocation": {
"top-left": {
"x": 144.234375,
"y": 118.625
},
"bottom-right": {
"x": 184.234375,
"y": 157.625
},
"height": 39,
"width": 40
},
"position": {
"line": 4551,
"column": 0
},
"errorSnippet": "<a target=\"_blank\" aria-label=\"Youtube de HearColors, se abrirá en una nueva pestaña\" href=\"https://www.youtube.com/c/HearcolorsMx\" class=\"redes_sociales\"><svg class=\"svg-inline--fa fa-youtube fa-w-18\" aria-hidden=\"true\" focusable=\"false\" data-p",
"xpath": "/html/body/footer[1]/section[1]/div[1]/div[1]/div[5]/ul[1]/li[4]/a[1]",
"issueID": "75b725d581a6abdc4994b8e586017c93",
"signature": "a5c8a154aa3d02945333c6e6471af1f8",
"ref": "https://tenon.io/bestpractice.php?bpID=207&tID=218&issueID=75b725d581a6abdc4994b8e586017c93"
},
{
"tID": 242,
"bpID": 209,
"priority": 100,
"level": [
"A",
"AAA"
],
"certainty": 100,
"errorTitle": "Multiple consecutive `<br>` tags next to each other, simulating paragraphs.",
"standards": [
"Web Content Accessibility Guidelines (WCAG) 2.0, Level A: 1.3.1 Info and Relationships",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 2.4.9 Link Purpose (Link Only)",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.4 Abbreviations",
"Web Content Accessibility Guidelines (WCAG) 2.0, Level AAA: 3.1.5 Reading Level"
],
"resultTitle": "Ensure content is easy to read and understand",
"errorDescription": "This section of code contains multiple consecutive `<br>` elements, probably used to simulate paragraphs or add whitespace. `<br>` elements are often announced as \"blank\" for users of text-to-speech software, multiple times in sequence, which increases cognitive load for these users. Also, it will not identify these sections as paragraphs. Remove the `<br>` elements. Replace them with `<p>` elements, and use CSS to control whitespace.",
"viewPortLocation": {
"top-left": {
"x": 746.8125,
"y": 25
},
"bottom-right": {
"x": 746.8125,
"y": 25
},
"height": 0,
"width": 0
},
"position": {
"line": 5799,
"column": 0
},
"errorSnippet": "<br>",
"xpath": "/html/body/main[1]/section[3]/div[1]/div[2]/div[1]/p[1]/br[1]",
"issueID": "80e3df8c6b1baea315d2f7b145898bca",
"signature": "e5171942a72373c375c7c2143c5f1189",
"ref": "https://tenon.io/bestpractice.php?bpID=209&tID=242&issueID=80e3df8c6b1baea315d2f7b145898bca"
}
],
"log": []
}
}
}
],
"timeStamp": "3zjtz",
"startTime": "2022-07-06T01:49:18",
"presses": 0,
"amountRead": 0,
"testTimes": [
[
"hover",
51
],
[
"motion",
13
],
[
"ibm",
7
],
[
"alfa",
5
],
[
"wave",
5
],
[
"focInd",
2
],
[
"axe",
1
],
[
"tenon",
1
],
[
"bulk",
0
],
[
"embAc",
0
],
[
"focAll",
0
],
[
"focOp",
0
],
[
"labClash",
0
],
[
"linkUl",
0
],
[
"menuNav",
0
],
[
"radioSet",
0
],
[
"role",
0
],
[
"styleDiff",
0
],
[
"tabNav",
0
],
[
"zIndex",
0
],
[
"htmlcs",
0
]
],
"logCount": 77,
"logSize": 4967,
"errorLogCount": 66,
"errorLogSize": 4780,
"prohibitedCount": 0,
"visitTimeoutCount": 0,
"visitRejectionCount": 0,
"endTime": "2022-07-06T01:51:12",
"elapsedSeconds": 113,
"score": {
"scoreProcID": "sp12a",
"logWeights": {
"logCount": 0.5,
"logSize": 0.01,
"errorLogCount": 1,
"errorLogSize": 0.02,
"prohibitedCount": 15,
"visitTimeoutCount": 10,
"visitRejectionCount": 10
},
"soloWeight": 2,
"groupWeights": {
"absolute": 2,
"largest": 1,
"smaller": 0.4
},
"preventionWeights": {
"testaro": 50,
"other": 100
},
"packageDetails": {
"testaro": {
"motion": 0,
"focInd": 5,
"focOp": 3,
"labClash": 2,
"linkUl": 40,
"menuNav": 44,
"role": 1,
"styleDiff": 23,
"zIndex": 9
},
"alfa": {
"r11": 4,
"r13": 4,
"r14": 4,
"r42": 56,
"r57": 8,
"r62": 4,
"r65": 5,
"r66": 8,
"r68": 4,
"r73": 8,
"r83": 4,
"r87": 1
},
"axe": {
"color-contrast-enhanced": 43,
"frame-tested": 2,
"hidden-content": 0,
"aria-required-children": 4,
"aria-required-parent": 24,
"aria-valid-attr-value": 8,
"frame-title": 3,
"image-alt": 4,
"label-content-name-mismatch": 3,
"listitem": 24
},
"htmlcs": {
"e:AA.1_1_1.H37": 4,
"e:AA.2_4_1.H64.1": 4,
"w:AA.1_1_1.H67.2": 6,
"w:AA.1_3_1.H42": 1,
"w:AA.1_3_1.H49.B": 1,
"w:AA.1_4_3.G145.Abs": 1,
"w:AA.1_4_3_F24.F24.FGColour": 1
},
"wave": {
"e:alt_spacer_missing": 4,
"a:text_justified": 5,
"a:heading_skipped": 3,
"a:link_redundant": 1,
"a:youtube_video": 1
},
"tenon": {
"36": 4,
"144": 4,
"152": 120,
"153": 4,
"155": 2,
"190": 4,
"218": 28,
"242": 4
}
},
"groupDetails": {
"groups": {
"spontaneousMotion": {
"testaro": {
"motion": {
"score": 1,
"what": "Change of visible content not requested by user"
}
}
},
"focusIndication": {
"testaro": {
"focInd": {
"score": 5,
"what": "Focused element displaying no or nostandard focus indicator"
}
},
"alfa": {
"r65": {
"score": 5,
"what": "Element in sequential focus order has no visible focus"
}
}
},
"focusableOperable": {
"testaro": {
"focOp": {
"score": 2,
"what": "Operable elements that cannot be Tab-focused and vice versa"
}
}
},
"labelClash": {
"testaro": {
"labClash": {
"score": 1,
"what": "Incompatible label types"
}
}
},
"linkIndication": {
"testaro": {
"linkUl": {
"score": 20,
"what": "Non-underlined adjacent links"
}
},
"alfa": {
"r62": {
"score": 2,
"what": "Inline link is not distinct from the surrounding text except by color"
}
}
},
"menuNavigation": {
"testaro": {
"menuNav": {
"score": 22,
"what": "Nonstandard keyboard navigation among focusable menu items"
}
}
},
"roleBad": {
"testaro": {
"role": {
"score": 1,
"what": "Nonexistent or implicit-overriding role"
}
}
},
"inconsistentStyles": {
"testaro": {
"styleDiff": {
"score": 6,
"what": "Heading, link, and button style inconsistencies"
}
}
},
"zIndexNotZero": {
"testaro": {
"zIndex": {
"score": 2,
"what": "Layering with nondefault z-index values"
}
}
},
"linkNoText": {
"alfa": {
"r11": {
"score": 4,
"what": "Link has no accessible name"
}
}
},
"iframeTitleBad": {
"alfa": {
"r13": {
"score": 4,
"what": "iframe has no accessible name"
}
},
"axe": {
"frame-title": {
"score": 3,
"what": "Frame has no accessible name"
}
},
"htmlcs": {
"e:AA.2_4_1.H64.1": {
"score": 4,
"what": "iframe element has no non-empty title attribute"
}
}
},
"invisibleLabel": {
"alfa": {
"r14": {
"score": 3,
"what": "Visible label is not in the accessible name"
}
},
"axe": {
"label-content-name-mismatch": {
"score": 2,
"what": "Element visible text is not part of its accessible name"
}
}
},
"parentMissing": {
"alfa": {
"r42": {
"score": 56,
"what": "Element is not owned by an element of its required context role"
}
},
"axe": {
"aria-required-parent": {
"score": 24,
"what": "ARIA role is not contained by a required parent"
}
}
},
"contentBeyondLandmarks": {
"alfa": {
"r57": {
"score": 4,
"what": "Perceivable text content is not included in any landmark"
}
}
},
"contrastAAA": {
"alfa": {
"r66": {
"score": 2,
"what": "Text contrast less than AAA requires"
}
},
"axe": {
"color-contrast-enhanced": {
"score": 11,
"what": "Element has insufficient color contrast (Level AAA)"
}
}
},
"childMissing": {
"alfa": {
"r68": {
"score": 4,
"what": "Element does not own an element required by its semantic role"
}
},
"axe": {
"aria-required-children": {
"score": 4,
"what": "ARIA role does not contain a required child"
}
}
},
"noLeading": {
"alfa": {
"r73": {
"score": 6,
"what": "Paragraph of text has insufficient line height"
}
}
},
"overflowHidden": {
"alfa": {
"r83": {
"score": 4,
"what": "Overflow is hidden or clipped if the text is enlarged"
}
}
},
"skipRepeatedContent": {
"alfa": {
"r87": {
"score": 1,
"what": "First focusable element is not a link to the main content"
}
}
},
"frameContentRisk": {
"axe": {
"frame-tested": {
"score": 1,
"what": "Some content is in an iframe and therefore may not be testable for accessibility"
}
}
},
"hiddenContentRisk": {
"axe": {
"hidden-content": {
"score": 1,
"what": "Some content is hidden and therefore may not be testable for accessibility"
}
}
},
"ariaBadAttribute": {
"axe": {
"aria-valid-attr-value": {
"score": 8,
"what": "ARIA attribute has an invalid value"
}
}
},
"imageNoText": {
"axe": {
"image-alt": {
"score": 4,
"what": "Image has no text alternative"
}
},
"htmlcs": {
"e:AA.1_1_1.H37": {
"score": 4,
"what": "img element has no alt attribute"
}
},
"wave": {
"e:alt_spacer_missing": {
"score": 4,
"what": "Spacer image has no text alternative"
}
}
},
"listItemOrphan": {
"axe": {
"listitem": {
"score": 24,
"what": "li element is not contained by a ul or ol element"
}
}
},
"decorativeImageRisk": {
"htmlcs": {
"w:AA.1_1_1.H67.2": {
"score": 2,
"what": "Image marked as decorative may be informative"
}
}
},
"pseudoHeadingRisk": {
"htmlcs": {
"w:AA.1_3_1.H42": {
"score": 1,
"what": "Heading coding is not used but the element may be intended as a heading"
}
}
},
"nonSemanticText": {
"htmlcs": {
"w:AA.1_3_1.H49.B": {
"score": 1,
"what": "Special text is bolded nonsemantically"
}
}
},
"contrastRisk": {
"htmlcs": {
"w:AA.1_4_3.G145.Abs": {
"score": 1,
"what": "Contrast between the absolutely positioned large text and its background may be less than 3:1"
},
"w:AA.1_4_3_F24.F24.FGColour": {
"score": 1,
"what": "Inline foreground color may lack a complementary background color"
}
}
},
"justification": {
"wave": {
"a:text_justified": {
"score": 1,
"what": "Text is justified"
}
},
"tenon": {
"36": {
"score": 1,
"what": "Text is fully justified"
}
}
},
"headingStructure": {
"wave": {
"a:heading_skipped": {
"score": 2,
"what": "Skipped heading level"
}
},
"tenon": {
"155": {
"score": 1,
"what": "Headings are not structured in a hierarchical manner"
}
}
},
"linkPair": {
"wave": {
"a:link_redundant": {
"score": 1,
"what": "Adjacent links go to the same URL"
}
}
},
"videoCaptionRisk": {
"wave": {
"a:youtube_video": {
"score": 1,
"what": "YouTube video may have no or incorrect captions"
}
}
},
"leadingClipsText": {
"tenon": {
"144": {
"score": 4,
"what": "Line height is insufficent to properly display the computed font size"
}
}
},
"targetSize": {
"tenon": {
"152": {
"score": 60,
"what": "Actionable element is smaller than the minimum required size"
}
}
},
"allCaps": {
"tenon": {
"153": {
"score": 1,
"what": "Long string of text is in all caps"
}
}
},
"tabIndexMissing": {
"tenon": {
"190": {
"score": 4,
"what": "Interactive item is not natively actionable, but has no tabindex=0 attribute"
}
}
},
"linkForcesNewWindow": {
"tenon": {
"218": {
"score": 21,
"what": "Link opens in a new window without user control"
}
}
},
"pseudoParagraphRisk": {
"tenon": {
"242": {
"score": 1,
"what": "Multiple consecutive br elements may simulate paragraphs"
}
}
}
},
"solos": {}
},
"preventionScores": {},
"summary": {
"total": 646,
"log": 250,
"preventions": 0,
"solos": 0,
"groups": [
{
"groupName": "parentMissing",
"score": 68
},
{
"groupName": "targetSize",
"score": 62
},
{
"groupName": "listItemOrphan",
"score": 26
},
{
"groupName": "menuNavigation",
"score": 24
},
{
"groupName": "linkIndication",
"score": 23
},
{
"groupName": "linkForcesNewWindow",
"score": 23
},
{
"groupName": "contrastAAA",
"score": 14
},
{
"groupName": "ariaBadAttribute",
"score": 10
},
{
"groupName": "focusIndication",
"score": 9
},
{
"groupName": "iframeTitleBad",
"score": 9
},
{
"groupName": "imageNoText",
"score": 9
},
{
"groupName": "inconsistentStyles",
"score": 8
},
{
"groupName": "childMissing",
"score": 8
},
{
"groupName": "noLeading",
"score": 8
},
{
"groupName": "linkNoText",
"score": 6
},
{
"groupName": "invisibleLabel",
"score": 6
},
{
"groupName": "contentBeyondLandmarks",
"score": 6
},
{
"groupName": "overflowHidden",
"score": 6
},
{
"groupName": "leadingClipsText",
"score": 6
},
{
"groupName": "tabIndexMissing",
"score": 6
},
{
"groupName": "focusableOperable",
"score": 4
},
{
"groupName": "zIndexNotZero",
"score": 4
},
{
"groupName": "decorativeImageRisk",
"score": 4
},
{
"groupName": "contrastRisk",
"score": 4
},
{
"groupName": "headingStructure",
"score": 4
},
{
"groupName": "spontaneousMotion",
"score": 3
},
{
"groupName": "labelClash",
"score": 3
},
{
"groupName": "roleBad",
"score": 3
},
{
"groupName": "skipRepeatedContent",
"score": 3
},
{
"groupName": "frameContentRisk",
"score": 3
},
{
"groupName": "hiddenContentRisk",
"score": 3
},
{
"groupName": "pseudoHeadingRisk",
"score": 3
},
{
"groupName": "nonSemanticText",
"score": 3
},
{
"groupName": "justification",
"score": 3
},
{
"groupName": "linkPair",
"score": 3
},
{
"groupName": "videoCaptionRisk",
"score": 3
},
{
"groupName": "allCaps",
"score": 3
},
{
"groupName": "pseudoParagraphRisk",
"score": 3
}
]
}
}
}