feat(ui): redesign job header and overview
This commit is contained in:
cesnimda
@@ -0,0 +1,287 @@
|
||||
{
|
||||
"manualScreenReaderAcceptance": "open",
|
||||
"scans": [
|
||||
{
|
||||
"name": "job-overview-light-axe",
|
||||
"violations": [],
|
||||
"incomplete": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"impact": "serious",
|
||||
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
|
||||
"nodes": [
|
||||
{
|
||||
"target": [
|
||||
".MuiBadge-invisible"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element content is too short to determine if it is actual text content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1vcc3k.MuiBox-root:nth-child(4) > .css-b7tg9p.MuiStack-root > .css-1etkf64.MuiTypography-caption.MuiTypography-root"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1vcc3k.MuiBox-root:nth-child(5) > .css-b7tg9p.MuiStack-root > .css-1etkf64.MuiTypography-caption.MuiTypography-root"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1h36fbo"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1vcc3k.MuiBox-root:nth-child(7) > .css-b7tg9p.MuiStack-root > .css-1etkf64.MuiTypography-caption.MuiTypography-root"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"impact": "critical",
|
||||
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
|
||||
"nodes": [
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"details-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: details-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"tasks-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: tasks-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"calendar-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: calendar-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"timeline-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: timeline-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"documents-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: documents-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"communication-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: communication-content"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "job-overview-dark-axe",
|
||||
"violations": [],
|
||||
"incomplete": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"impact": "serious",
|
||||
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
|
||||
"nodes": [
|
||||
{
|
||||
"target": [
|
||||
".MuiBadge-invisible"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element content is too short to determine if it is actual text content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1vcc3k.MuiBox-root:nth-child(4) > .css-b7tg9p.MuiStack-root > .css-1etkf64.MuiTypography-caption.MuiTypography-root"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1vcc3k.MuiBox-root:nth-child(5) > .css-b7tg9p.MuiStack-root > .css-1etkf64.MuiTypography-caption.MuiTypography-root"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1h36fbo"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
".css-1vcc3k.MuiBox-root:nth-child(7) > .css-b7tg9p.MuiStack-root > .css-1etkf64.MuiTypography-caption.MuiTypography-root"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "color-contrast",
|
||||
"message": "Element's background color could not be determined because it's partially obscured by another element"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"impact": "critical",
|
||||
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
|
||||
"nodes": [
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"details-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: details-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"tasks-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: tasks-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"calendar-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: calendar-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"timeline-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: timeline-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"documents-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: documents-content"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"target": [
|
||||
"div[aria-labelledby=\"communication-header\"]"
|
||||
],
|
||||
"checks": [
|
||||
{
|
||||
"id": "duplicate-id-aria",
|
||||
"message": "Document has multiple elements referenced with ARIA with the same id attribute: communication-content"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user