Dickere Balken bei mobiler Skalenansicht

Question

Ich habe eine Frage des Fragetypes "Skala Zwischenwerte beschriftet"

Die Frage hat 5 Eingaben bzw. Unterfragen die anhand einer 7stufige Likertskala beantwortet werden sollen.

Es ist nur der Min.- und der Max.-Wert beschriftet.

Auf dem Laptop erscheinen die Fragen untereinander und die Skala rechts daneben mit 7 Punkten. Beim ersten Punkt steht der Min.-Wert und beim letzten Punkt der Max.-Wert. Sehr verständlich für den Teilnehmer.

An der mobilen Ansicht am Handy erscheinen die Fragen einzeln untereinander und nach jeder Frage erscheinen 7 Balken untereinander, wobei auch hier der oberste und unterste Balken beschriftet ist. Allerdings sind die Balken so schmal, und direkt aneinander, dass die Skala und die 7 Stufen nicht ganz deutlich werden.

Wie kann ich es einstellen, dass die unbeschrifteten Skalen-Balken in der mobilen Ansicht dicker angezeigt werden?

(Info: da ich ein bereits validiertes Frageinventar nutze, kann ich die Zwischen-Werte nicht auch beschriften, sondern nur den Min.- und Max.-Wert)

Answer 1

Ich habe eine Frage des Fragetypes "Skala Zwischenwerte beschriftet"
Es ist nur der Min.- und der Max.-Wert beschriftet.

Wenn Sie nur die Extrema beschriften möchten, verwenden Sie vorzugsweise den Skalen-Fragetyp, bei welchem nur die Extrema beschriftet werden. Auf Mobilgeräten bzw. kleinen Displays macht das - wie Sie schon beobachtet haben - einen wichtigen Unterschied. Und auch hinsichtlich der Barrierebreiheit ist die Lösung nicht optimal, die Zwischenwerte in einer voll beschrifteten Skala unbeschriftet zu lassen

Wie kann ich es einstellen, dass die unbeschrifteten Skalen-Balken in der mobilen Ansicht dicker angezeigt werden?

pageCSS('
  .s2iCheckbox > label.s2box,
  .s2iCheckbox > span.s2box {
    min-height: 1.4em;
  }
');