NiK-IT.de - Useability und Accessibility

ACC Menu

SkypeMe:

Firefox Ad

Herzlichen Glückwunsch zu Ihrem Browser..
Durch die Weiten des WEBs mit:

An apple a day keeps the doctor away...

Useability und Accessibility

Freitag, 15. September 2006

Useability und Accessibility guidelines (nicht nur) für Joomla!

Sprache im Head Tag identifizieren

Das HTML Element muß das lang Attribut besitzen.

<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo _LANGUAGE; ?>">
<head>

Anmerkung: Ab Joomla! 1.5 wird es möglich sein $_LANG->isoCode() anstatt _LANGUAGE zu nutzen.

Referenz:

ISO 639 Sprachen Codes: http://www.oasis-open.org/cover/iso639a.html
Die Primärsprache identifizieren: http://www.w3.org/TR/WCAG10-HTML-TECHS/#identify-primary-lang

Eine Zusammenfassung für Tabellen angeben

Das TABLE Element sollte das summary Attribut enthalten, um die Struktur und dessen Zweck zu beschreiben.

<table summary="Hits on news compared to help">
    <caption>Hits on news compared to help</caption>
    <!--table cells here-->
</table>

Der Einsatz des summary Attributs beim Erstellen von Tabellen obliegt der Umsicht des Designers.

Referenzen:

Informationen zu summary: http://www.w3.org/TR/WCAG10-HTML-TECHS/#table-summary-info
Table Layout: http://www.rnib.org.uk/xpedio/groups/public/documents/PublicWebsite/public_layouttables.hcsp

Link Text

Link Texte sollten auch dann Sinn machen, wenn sie ausserhalb des Kontextes gelesen werden. Unterschiedliche Zieladressen, auch wenn auf gleiche Domain, sollten unterschiedliche Link Texte erhalten, also Ziel- und Beitragsbezogen sein. Zum Beispiel sollte der Text "hier klicken" vermieden werden.

Referenzen:

http://www.w3.org/TR/WCAG10-HTML-TECHS/#link-text

Form Controls mit dem <label> Element assoziieren

Ein Labelelement kann die Beschreibung eines Formelements mit dem Formelement selbst assoziieren. Das 'label for' Attribut muss einzigartig sein und mit dem ID Attribut des Formelements übereinstimmen.

<label for="mod_login_username">
    <?php echo $_LANG->_( '_USERNAME' ); ?>
</label>
<br />
<input id="mod_login_username" name="username" type="text"
   class="inputbox<?php echo $moduleclass_sfx; ?>" alt="username" size="10" />

So assoziiert, sind einige Browser in der Lage den Fokus auf ein Control zu setzen, wenn auf das entsprechende Label geklickt wird.

Referenzen:

Labeling form controls http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels
Forms - Section 508 Accessibility http://www.access-board.gov/sec508/guide/1194.22.htm#(n)

Links:

http://www.usability.gov/pdfs/guidelines.html

< zurück		weiter >