beatovich: CSS :target Experiment Ergänzung

Beitrag lesen

problematische Seite

hallo

Lass mich aber die Forderungen und Mängelliste etwas aufzählen:

  • Eine :target positionierte Box (tpB) soll ersetzt werden, wenn JS verfügbar ist.
  • Eine tpB soll nur attribute enthalten, die in einem no-JS Kontext Sinn machen.
  • Eine tpB soll in der Box selber Schliessen buttons (am Besten 2) enthalten!
  • Die tpB soll in der Box selber keine Navigationsziele enthalten (diese würden nämlich das :target verändern).
  • Skiplinks haben ausserhalb der Box zu liegen, und sind notwendig.

tpB's erzeugen im übrigen das gleiche Problem, das jede Form von internem Link erzeugt: Eine Fragment-ID wird erzeugt und wird mitkopiert, falls man die Seite bookmarken oder verlinken will. Das kann bei tpB's besonders irritieren.

Ergänzung: betrifft auch andere Mchanismen.

Warum brauchen wir einen Skiplink? Weil zu viele fokusierbare Elemente zwischen dem Beginn der Seite und dem Hauptinhalt liegen.

Ohne JS gibt es keine Möglichkeit, eine Navigation zu überspringen, daher der Skip-Link.

Ohne diese Tatsache hätte ich vor ein paar Wochen meine eigene Navigation kaum von einer tpB zu einer JS-Navigation umgestellt.