Sicherheitsfrage (form_captcha) barrierefreier machen

[Nina]

Basiert auf: form_captcha.tpl (TL 2.7.1)

Modifizierung bewirkt:
Verbesserung der Barrierefreiheit bei der Sicherheitsfrage. Die Frage wird Teil des Labels.

Ausführliche Beschreibung/Sonstige Infos:
Die Änderung betrifft nur die tabellenlose Variante der Sicherheitsfrage in Formularen.

Normalerweise steht die Frage erst nach dem Eingabefeld. Von blinden Nutzern würde daher erwartet, dass sie die Antwort auf eine Frage geben, obwohl sie die Frage zu diesem Zeitpunkt (wenn sie am Eingabefeld angelangen) noch gar nicht kennen.

Die Änderung bewirkt, dass die Frage auch im Label eingetragen wird. Außerdem wird der Hinweis darauf gegeben, dass es sich um ein Pflichtfeld handelt.

<label> erhält die Klasse "captcha_question", damit man es leicht von "normalen" (meist deutlich kürzeren) Labels unterscheiden kann.

Die Inhalte des Labels werden zudem speziell gekennzeichnet damit sie bei Bedarf unterschiedlich per CSS dargestellt werden können:

1. Normaler Labeltext: umgeben von einem <span> mit der Klasse "capt_lab"
2. Pflichtfeldhinweis: umgeben von einem <span> mit der Klasse "mandatory" (wie üblich im ganzen Formular)
3. Sicherheitsfrage: umgeben von einem <em> (und dadurch auch semantisch hervorgehoben)

form_captcha.tpl

<?php if (!$this->tableless): ?>
  <tr class="<?php echo $this->rowClass; ?>">
    <td class="col_0 col_first"><?php echo $this->generateLabel(); ?><?php if ($this->mandatory): ?><span class="mandatory">*</span><?php endif; ?></td>
    <td class="col_1 col_last"><?php echo $this->generateWithError(); ?></td>
  </tr>
<?php else: ?>
  <label for="ctrl_<?php echo $this->id; ?>" class="captcha_question">
    <span class="capt_lab"><?php echo $this->label; ?></span>
    <?php if ($this->mandatory): ?><span class="mandatory">*</span><?php endif; ?>:
    <em><?php echo $this->generateQuestion(); ?></em> 
  </label> 
  <?php echo $this->generateWithError(); ?><br />
<?php endif; ?>

[jabadoo]

Hallo Nina!
Danke für den Hinweis. Ist diese Änderung auch in 2.7.2 notwendig?
Wenn ich den Code nutze, dann wird die eigentlich Frage nicht angezeigt. Ich nutze allerdings auch das Tabellen-Layout. Da ich nicht firm bin in php, kann ich nur vermuten, dass dies in deinem Code fehlt. Liege ich da richtig?
Und wenn ja, könntest du mir verraten, was ich ändern müßte?

Vielen DANK

[Torben]

Ja, da ist die Generierung der Frage verloren gegangen. Da dort, laut Nina, keine Änderungen notwendig sind, müsste folgendes barrierefrei?! funktionieren:

<?php if (!$this->tableless): ?>
  <tr class="<?php echo $this->rowClass; ?>">
    <td class="col_0 col_first"><?php echo $this->generateLabel(); ?><?php if ($this->mandatory): ?><span class="mandatory">*</span><?php endif; ?></td>
    <td class="col_1 col_last"><?php echo $this->generateWithError(); ?> <?php echo $this->generateQuestion(); ?></td>
  </tr>
<?php else: ?>
  <label for="ctrl_<?php echo $this->id; ?>" class="captcha_question">
    <span class="capt_lab"><?php echo $this->label; ?></span>
    <?php if ($this->mandatory): ?><span class="mandatory">*</span><?php endif; ?>:
    <em><?php echo $this->generateQuestion(); ?></em> 
  </label> 
  <?php echo $this->generateWithError(); ?><br />
<?php endif; ?>