JS - Variablen in HTML mehrfach belegen, mit einer Funktion auswerten

[Ammeres]

Hallo Zusammen,

ich habe Rolfs Vorschlag nun so umgearbeitet, dass er Klassen statt IDs kontrolliert. Dabei habe ich nun zwei Herausforderungen:

1. aria-controls
   aria-controls ist per Definition dafür gedacht, eine Liste an IDs zu enthalten, nicht an Klassen. Es wäre stilsicherer, eine aria-* zu nutzen, die für eine Liste an Klassen gedacht ist - ich konnte jedoch keine finden.
   Kann mir jemand eine nennen?

.

2. Ich stehe nun vor drei Möglichkeiten:

a) Ich bleibe bei IDs.
Das wäre von der Handhabung her unpraktisch, da teilweise viele Elemente abhängig von einer Eingabe eingeblendet werden sollen.

b) Ich wechsle vollständig auf Klassen.
Praktischere Handhabung, aber aria-controls wird missbraucht.

c) Ich nutze beides.
Dazu muss ich nur das Skript doppelt verwenden, und einmal auf aria-controls (für IDs) und aria-owns (für Klassen) [vice versa] einstellen. Die Möglichkeit wäre zwar vielseitig, zugleich aber doppelt so viel Code und mehr Möglichkeiten, etwas durcheinander zu bringen.

Aktuell tendiere ich zu b.
Dennoch wollte ich euer Erfahrungswissen anzapfen:
Gibt es weitere Punkte, die für a oder c sprechen - oder gegen b?
Gibt es eventuell noch ein d, das ich nicht gesehen habe?