{ "source": "docs\\redesign\\phase-8\\p8-05\\evidence\\axe.json", "total": 64, "counts": { "color-contrast": 63, "aria-hidden-focus": 1 }, "groups": [ { "id": "P9-AX-01", "rule": "aria-hidden-focus", "reason": "focusable-modal-open", "component": "drawer/focus", "occurrences": 1, "classification": "Requires manual inspection", "phase9Disposition": "Requires manual inspection", "closureEvidence": "Shared Dashboard drawer settled predicate, Escape focus and24Tab proof pass. Original Analytics transition cause is not proven; human reader/transition qualification remains.", "observations": [ { "scan": "analytics-dark-axe", "target": [ ".MuiDrawer-modal" ], "html": "
", "checks": [ { "id": "focusable-modal-open", "data": null, "relatedNodes": [ { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(1) > .MuiList-padding.css-k1qkeu[aria-label=\"Navigation\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .css-j56oom.MuiListItemButton-root[aria-label=\"Dashboard\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-j56oom.MuiListItemButton-root[aria-label=\"Job Applications\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-1rv7atp[aria-label=\"Job Applications\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-1rv7atp[aria-label=\"Job Applications\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(2) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-1rv7atp[aria-label=\"Job Applications\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(3) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-1rv7atp[aria-label=\"Job Applications\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(4) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-1rv7atp[aria-label=\"Job Applications\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(5) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(2) > .MuiList-padding.css-k1qkeu[aria-label=\"Job search\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(2) > .css-j56oom.MuiListItemButton-root[aria-label=\"Job email\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(3) > .MuiList-padding.css-k1qkeu[aria-label=\"Career\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-j56oom.MuiListItemButton-root[aria-label=\"Career profile\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(3) > .MuiList-padding.css-k1qkeu[aria-label=\"Career\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(2) > .css-j56oom.MuiListItemButton-root[aria-label=\"CV Builder\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(3) > .MuiList-padding.css-k1qkeu[aria-label=\"Career\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters:nth-child(3) > .css-j56oom.MuiListItemButton-root[aria-label=\"Documents\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(4) > .MuiList-padding.css-k1qkeu[aria-label=\"Insights\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .Mui-selected[aria-label=\"Analytics\"][aria-current=\"page\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root > .MuiList-padding.css-k1qkeu[aria-label=\"Account\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .css-j56oom.MuiListItemButton-root[aria-label=\"Settings\"]" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root > .MuiList-padding.css-k1qkeu[aria-label=\"Account\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .css-1rv7atp[aria-label=\"Settings\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(1) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] }, { "html": "
", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root > .MuiList-padding.css-k1qkeu[aria-label=\"Account\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .css-1rv7atp[aria-label=\"Settings\"] > .css-1ohqk82.MuiListItem-root.MuiListItem-gutters:nth-child(2) > .css-m9zpd7.MuiListItemButton-root.MuiListItemButton-gutters" ] } ], "impact": "serious", "message": "Check that focusable elements are not tabbable in the current state" } ] } ] }, { "id": "P9-AX-02", "rule": "color-contrast", "reason": "bgOverlap", "component": "dashboard size selector", "occurrences": 48, "classification": "Requires manual inspection", "phase9Disposition": "Requires manual inspection", "closureEvidence": "Contextual foreground/background measurement remains required.", "observations": [ { "scan": "dashboard-light-editor-axe", "target": [ "#_r_1p_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-light-editor-axe", "target": [ "#_r_1t_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-light-editor-axe", "target": [ "#_r_25_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-light-editor-axe", "target": [ "#_r_2d_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-light-editor-axe", "target": [ "#_r_2l_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-dark-editor-axe", "target": [ "#_r_1v_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-dark-editor-axe", "target": [ "#_r_23_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-dark-editor-axe", "target": [ "#_r_2b_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-dark-editor-axe", "target": [ "#_r_2j_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "dashboard-dark-editor-axe", "target": [ "#_r_2r_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-light-axe", "target": [ "#_r_1f_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-light-axe", "target": [ "#_r_1j_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-light-axe", "target": [ "#_r_1r_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-light-axe", "target": [ "#_r_23_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-light-axe", "target": [ "#_r_2b_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-dark-axe", "target": [ "#_r_1g_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-dark-axe", "target": [ "#_r_1k_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-dark-axe", "target": [ "#_r_1s_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-dark-axe", "target": [ "#_r_24_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-dark-axe", "target": [ "#_r_2c_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-light-axe", "target": [ "#_r_1g_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-light-axe", "target": [ "#_r_1o_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-light-axe", "target": [ "#_r_20_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-light-axe", "target": [ "#_r_28_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-dark-axe", "target": [ "#_r_1e_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-dark-axe", "target": [ "#_r_1m_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-dark-axe", "target": [ "#_r_1u_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-nb-dark-axe", "target": [ "#_r_26_" ], "html": "", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] } ] }, { "id": "P9-AX-03", "rule": "color-contrast", "reason": "bgOverlap", "component": "text/control with obscured background", "occurrences": 5, "classification": "Requires manual inspection", "phase9Disposition": "Requires manual inspection", "closureEvidence": "Contextual foreground/background measurement remains required.", "observations": [ { "scan": "analytics-dark-axe", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(1) > .MuiList-padding.css-k1qkeu[aria-label=\"Navigation\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .css-j56oom.MuiListItemButton-root[aria-label=\"Dashboard\"] > .MuiListItemText-root.css-a2y5gf > .css-1e345qr.MuiTypography-body1.MuiListItemText-primary" ], "html": "Dashboard", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "analytics-dark-axe", "target": [ ".MuiPaper-elevation16 > .css-1vpgucn > .css-184269b.MuiBox-root > .css-6zugs3.MuiBox-root > .css-r91acf.MuiBox-root:nth-child(4) > .MuiList-padding.css-k1qkeu[aria-label=\"Insights\"] > .css-hapf9j.MuiListItem-root.MuiListItem-gutters > .Mui-selected[aria-label=\"Analytics\"][aria-current=\"page\"] > .MuiListItemText-root.css-a2y5gf > .css-12qg13c.MuiTypography-body1.MuiListItemText-primary" ], "html": "Analytics", "checks": [ { "id": "color-contrast", "data": { "contrastRatio": 0, "fontSize": "10.5pt (14px)", "fontWeight": "bold", "messageKey": "bgOverlap", "expectedContrastRatio": "4.5:1" }, "relatedNodes": [], "impact": "serious", "message": "Element's background color could not be determined because it is overlapped by another element" } ] }, { "scan": "editor-en-dark-axe", "target": [ ".css-7x9eo9.MuiButton-text.MuiButton-textPrimary:nth-child(3)" ], "html": "