Gunnar Bittersmann: Rahmen nur um ausgefüllte Zellen einer dynamisch erstellten Tabelle

Beitrag lesen

@@Gunnar Bittersmann

Tabellenzellen sind keine interaktiven Elemente, mit Tastatursteuerung kann man sie nicht anwählen.

Um den Fehler sichtbar zu machen, habe ich u.a. in einem Stylesheet zu stehen:

:root
{
	--error-color: red;
	--error-outline: 0.5rem solid var(--error-color);
}

[onclick]:not(a):not(button):not(input):not([tabindex]),
[onclick][tabindex^="-"],
[ng-click]:not(a):not(button):not(input):not([tabindex]),
[ng-click][tabindex^="-"]
{
	ERROR: click-Event für nicht fokussierbares Element;
	outline: var(--error-outline) !important;
}

LLAP 🖖

PS: Welche Sprache muss man angeben, damit der Syntax-Highlighter in CSS-Code keine roten Kästchen malt?

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory