A11y debug styles

a11y.css

h1, h2, h3, h4, h5, h6 {
    outline: 1px solid red!important;
}
h1:after {
    content: "h1";
    background: gold;
    color: black;
    padding: 0.2em;
    font-size: 14px;
}
h2:after {
    content: "h2";
    background: gold;
    color: black;
    padding: 0.2em;
    font-size: 14px;
}
h3:after {
    content: "h3";
    background: gold;
    color: black;
    padding: 0.2em;
    font-size: 14px;
}
h4:after {
    content: "h4";
    background: gold;
    color: black;
    padding: 0.2em;
    font-size: 14px;
}
h5:after {
    content: "h5";
    background: gold;
    color: black;
    padding: 0.2em;
    font-size: 14px;
}
h6:after {
    content: "h6";
    background: gold;
    color: black;
    padding: 0.2em;
    font-size: 14px;
}
label {
    outline: 3px dashed #fe00ff!important;
}
legend {
    outline: 3px dashed #0093ff!important;
}
fieldset {
    outline: 3px dotted darkkhaki!important;
}
[aria-label] {
    outline: 3px dotted sienna!important;
}
[aria-label]:after {
    content: attr(aria-label);
    background: sienna;
    color: white;
    padding: 0.2em;
    font-size: 14px;
}