- Wie verstecke ich Inhalt korrekt vor Screen-Readern (oder eben nicht). Vom richtigen Umgang mit hidden, aria-hidden, visibility und display:none.
- Was genau inherit, initial, unset und revert machen.
- Interaktive Elemente sollten immer einen :focus-Style haben. Aber wäre es nicht cool, wenn man einen Mouse-Click anders stylen könnte, als einen Keyboard/Finger/Stylus-Click? (via)
/* Focusing the button with a keyboard will show a dashed black line. */
button:focus {
outline: 4px dashed black;
}
/* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */
button:focus:not(:focus-visible) {
outline: none;
box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}