read, think, learn
You're not logged in ... login

Abgabe, Flash Animation

Aufgabenstellung Ziel war das...

(2008-06-25 23:08)

Mai 2008: April     1  2  3  4  5  6  7  8  9 10111213141516171819202122232425262728 293031  Juni
Home : Mittwoch, 28.05.2008

Fehlender "Label" für Formularelemente bei Accessability Prüfung

Bei Accessability Prüfungen wie etwa mit WAVE - web accessibility evaluation tool ist eine Fehlermeldung ähnlich 'ERROR: Form label missing::A form <input>, <select>, or <textarea> does not have a corresponding label' gekommen. Der Grund dafür ist, wie die Meldung sagt, das fehlen eine <label> Elements für jedes Formular-Element wie Eingabefelder oder Checkboxes

Zur Korrektur des Problems muss man einfach das label tag in das Formular einfügen. In vielen Fällen wird das zu bezeichnende Formular-Element bereits eine Beschriftung besitzen, nur ist diese eben nicht von einem label tag eingeschlossen. Wichtig beim Hinzufügen des label tags:

  • Das label tag muss das Attribut for="id des zu bezeichnenden elements" gesetzt haben
  • Das zu bezeichnende Element muss das Attribut id, und nicht nur das Attribut name, gesetzt haben (zB. id="username"). Die id muss eindeutig sein auf der Seite.

Beispiel:

<label for="loginform_username">Username:</label><input name="username" id="loginform_username" type="text" /><

Add comment to a story by double-clicking anywhere in the story

I added a feature that allows a user to quickly add a comment to a story by simply double-clicking anywhere within the story text. This is done with the help of a javascript library thats allows to open a popup with a comment edit form.

It was not so easy to add the proper javascript to the skins, especially to hand over the html code to be displayed in the popup. I added custom story and site skins for popup comment form and popup caption

Resources: http://www.bosrup.com/web/overlib/