fix(ui): preserve CV preview keyboard access across viewports
This commit is contained in:
cesnimda
@@ -0,0 +1,386 @@
|
||||
{
|
||||
"generalRun": {
|
||||
"outcomes": {
|
||||
"failed -> failed": 1,
|
||||
"passed -> passed": 43
|
||||
},
|
||||
"scanCounts": {
|
||||
"named-controls-modal-state.spec.ts": 20,
|
||||
"semantic-foundations.spec.ts": 38,
|
||||
"builder-preview-keyboard.spec.ts": 16
|
||||
},
|
||||
"violationCounts": {
|
||||
"list": 4,
|
||||
"color-contrast": 2,
|
||||
"scrollable-region-focusable": 2
|
||||
}
|
||||
},
|
||||
"finalFocusedRun": {
|
||||
"scanCounts": {
|
||||
"builder-preview-keyboard.spec.ts": 16
|
||||
},
|
||||
"traversals": [
|
||||
{
|
||||
"steps": [
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV preview page 1",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(0px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only æøå</d"
|
||||
},
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV preview page 2",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(-1122.52px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only"
|
||||
},
|
||||
{
|
||||
"outer": "BODY",
|
||||
"title": null,
|
||||
"inner": null
|
||||
}
|
||||
],
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/en preview keyboard, pagination and responsive state"
|
||||
},
|
||||
{
|
||||
"steps": [
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV-forhåndsvisning side 1",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(0px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only æøå</d"
|
||||
},
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV-forhåndsvisning side 2",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(-1122.52px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only"
|
||||
},
|
||||
{
|
||||
"outer": "BODY",
|
||||
"title": null,
|
||||
"inner": null
|
||||
}
|
||||
],
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/nb preview keyboard, pagination and responsive state"
|
||||
},
|
||||
{
|
||||
"steps": [
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV-forhåndsvisning side 1",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(0px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only æøå</d"
|
||||
},
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV-forhåndsvisning side 2",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(-1122.52px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only"
|
||||
},
|
||||
{
|
||||
"outer": "BODY",
|
||||
"title": null,
|
||||
"inner": null
|
||||
}
|
||||
],
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/nb preview keyboard, pagination and responsive state"
|
||||
},
|
||||
{
|
||||
"steps": [
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV preview page 1",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(0px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only æøå</d"
|
||||
},
|
||||
{
|
||||
"outer": "IFRAME",
|
||||
"title": "CV preview page 2",
|
||||
"inner": "<body>\n<main class=\"page\" style=\"transform: translateY(-1122.52px);\"><header class=\"header header-plain\"><div class=\"head-text\"><h1 class=\"name\">Åse Eksempel</h1><div class=\"headline\">Reviewed CV-only"
|
||||
},
|
||||
{
|
||||
"outer": "BODY",
|
||||
"title": null,
|
||||
"inner": null
|
||||
}
|
||||
],
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/en preview keyboard, pagination and responsive state"
|
||||
}
|
||||
],
|
||||
"outcomes": {
|
||||
"passed -> passed": 4
|
||||
},
|
||||
"violationCounts": {
|
||||
"color-contrast": 2
|
||||
},
|
||||
"previewScans": [
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-900-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 9,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1024-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 15,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1440-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 14,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/en preview keyboard, pagination and responsive state",
|
||||
"violations": [
|
||||
{
|
||||
"impact": "serious",
|
||||
"nodes": [
|
||||
{
|
||||
"html": "<div class=\"MuiTooltip-tooltip MuiTooltip-tooltipPlacementBottom css-6mictg\" style=\"opacity: 1; transform: none; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 133ms cubic-bezier(0.4, 0, 0.2, 1);\">Redo</div>",
|
||||
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.89 (foreground color: #ffffff, background color: #81808a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||||
"target": [
|
||||
".MuiTooltip-tooltip"
|
||||
]
|
||||
}
|
||||
],
|
||||
"id": "color-contrast"
|
||||
}
|
||||
],
|
||||
"state": "loaded-final-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 14,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-900-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 9,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1024-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 16,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1440-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 16,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "loaded-final-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 16,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-900-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 9,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1024-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 14,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1440-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 14,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] light/nb preview keyboard, pagination and responsive state",
|
||||
"violations": [
|
||||
{
|
||||
"impact": "serious",
|
||||
"nodes": [
|
||||
{
|
||||
"html": "<div class=\"MuiTooltip-tooltip MuiTooltip-tooltipPlacementBottom css-6mictg\" style=\"opacity: 1; transform: none; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 133ms cubic-bezier(0.4, 0, 0.2, 1);\">Gjør om</div>",
|
||||
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.89 (foreground color: #ffffff, background color: #81808a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
|
||||
"target": [
|
||||
".MuiTooltip-tooltip"
|
||||
]
|
||||
}
|
||||
],
|
||||
"id": "color-contrast"
|
||||
}
|
||||
],
|
||||
"state": "loaded-final-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 14,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-900-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 9,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1024-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 16,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "transition-1440-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 16,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"test": "[PRES-C06 PRES-C07 PRES-C10 PRES-E08] dark/en preview keyboard, pagination and responsive state",
|
||||
"violations": [],
|
||||
"state": "loaded-final-axe",
|
||||
"incomplete": [
|
||||
{
|
||||
"nodes": 2,
|
||||
"id": "aria-prohibited-attr"
|
||||
},
|
||||
{
|
||||
"nodes": 16,
|
||||
"id": "color-contrast"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
"limits": [
|
||||
"General run includes the unchanged P2-D01 expected failure.",
|
||||
"Full scans retain known baseline findings; only the final Redo Tooltip target is narrowly accepted by the new tests.",
|
||||
"Incomplete rules are not passes. Real screen readers, touch, zoom and rendering accuracy remain separate validation."
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user