Fehlender "Label" für Formularelemente bei Accessability Prüfung
Juergen.Hartl.uni-linz, Mittwoch, 28. Mai 2008, 17:33 (1 comment)
kommentierenBei 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
Juergen.Hartl.uni-linz, Mittwoch, 28. Mai 2008, 12:30 (0 comments)
kommentierenI 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/