)ȱundȱKopfzeilenȱ()ȱbzw.ȱ einfachenȱDatenzellenȱ( ).ȱ)ȱ undȱ schlieȬ ßendenȱ( )ȱTagsȱstehenȱdieȱDaten,ȱdieȱdenȱInhaltȱrepräsentieren.ȱInȱXHTMLȱ sindȱleereȱElementeȱimmerȱmitȱ,ȱ sindȱ nichtȱ mehrȱzulässig.ȱ Mein Seitentitel <style> ȱ bisȱ ȱ dieȱ Überschriftenebenenȱ kennzeichnenȱ (sieheȱ Seiteȱ 61).ȱ DaȬ durchȱ bleibenȱ Überschriftenȱ maschinenlesbar,ȱ undȱ Benutzerȱ vonȱ Screenreaderȱ könnenȱ sichȱ insbesondereȱ beiȱ tiefenȱ Navigationsstrukturenȱ fürȱ eineȱ leichtereȱȱȬElementȱerlaubtȱes,ȱZitateȱdeutlichȱkenntlichȱzuȱmachenȱundȱ ggf.ȱ mitȱ dem Attributȱ cite=ȱ eineȱ onlineȱ verfügbareȱ Quelleȱ zuȱ referenzierenȱ (Abbildungȱ38).ȱ E-Learning an der Hochschule Pforzheim
ȬAttributȱanȱ(Abbildungȱ39).ȱEsȱenthältȱalsȱWertȱdieȱjeweilsȱimȱInternetȱ gängigeȱ Länderkennung.63ȱ Inȱ XHTMLȱ 1.1ȱ wurdeȱ dasȱ ȬElementȱ durchȱ dasȱ xml:langȱvonȱXMLȱersetzt,ȱXHTMLȱ1.0ȱempfiehltȱdieȱAngabeȱbeiderȱSchreibweiȬ sen.ȱBeiȱHyperlinksȱlässtȱsichȱdieȱSpracheȱderȱZieladresseȱmitȱdemȱȬ Attributȱkenntlichȱmachen.ȱȱ <span lang="en" xml:lang="en">Firewall ȱ Abbildungȱ39:ȱ SprachauszeichnungenȱinȱHTMLȱ Bedingungȱ4.2ȱfordertȱmitȱPrioritätȱ2,ȱdassȱ„AbkürzungenȱundȱAkronymeȱ[…]ȱanȱderȱ Stelleȱ ihresȱ erstenȱ Auftretensȱ imȱ Inhaltȱ zuȱ erläuternȱ undȱ durchȱ dieȱ hierfürȱ vorgesehenenȱ ElementeȱderȱverwendetenȱMarkupȬSpracheȱkenntlichȱzuȱmachen“ȱsind.ȱȱ BeiȱAbkürzungenȱinȱeinemȱTextȱunterscheidetȱHTMLȱzwischenȱAbkürzungenȱundȱ Akronymen.ȱ Mitȱ Hilfeȱ desȱ ȬElementsȱ kannȱ jeweilsȱ zusätzlichȱ dieȱ vollȬ ständigȱausgeschriebeneȱBedeutungȱangegebenȱwerden.ȱ Beliebigȱ gebildeteȱ Abkürzungenȱ werdenȱ mitȱ demȱ <abbr rel="nofollow">ȬAttributȱ gekennzeichȬ netȱ(Abbildungȱ40)ȱundȱBuchstabeȱfürȱBuchstabeȱausgesprochen.ȱȱ <abbr lang="en" xml:lan="en" title="HyperText Markup Language" rel="nofollow">HTML</abbr> ȱ Abbildungȱ40:ȱ AbkürzungenȱinȱHTMLȱ Abkürzungen,ȱ dieȱ sichȱ ausȱ jeweilsȱ einemȱ oderȱ mehrerenȱ Anfangsbuchstabenȱ derȱ (TeilȬ)ȱ Wörterȱ einesȱ Begriffsȱ zusammensetzenȱ undȱ alsȱ einȱ Wortȱ ausgesprochenȱ werden,ȱ nenntȱ manȱ Akronyme.ȱ Dafürȱ stehtȱ dasȱ <acronym rel="nofollow">ȬAttributȱ zurȱ VerfüȬ gungȱ(Abbildungȱ41).ȱȱ <acronym lang="en" xml:lan="en" title="High Fidelity rel="nofollow">HiFi</acronym><br />
<br />
ȱ<br />
<br />
Abbildungȱ41:ȱ AkronymeȱinȱHTMLȱ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 63ȱ Fürȱ dieȱ Listeȱ derȱ Länderkennungenȱ sieheȱ http://www.w3.org/International/ȱ articles/languageȬtags/.ȱ<br />
<br />
68ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
ANFORDERUNG 5: TABELLEN „Tabellenȱ sindȱ mittelsȱ derȱ vorgesehenenȱ Elementeȱ derȱ verwendetenȱ MarkupȬSpracheȱ zuȱ beschreibenȱundȱinȱderȱRegelȱnurȱzurȱDarstellungȱtabellarischerȱDatenȱzuȱverwenden.“ȱȱ Bedingungȱ5.1ȱ „InȱTabellen,ȱdieȱtabellarischeȱDatenȱdarstellen,ȱsindȱdieȱZeilenȬȱundȱSpaltenüberschriftenȱ mittelsȱderȱvorgesehenenȱElementeȱderȱverwendetenȱMarkupȬSpracheȱzuȱkennzeichnen.“ȱȱ <table> <caption>Mittagstisch in der Cafeteria</caption> <tr> <td> </td> <th id=”studi”>Studierende</th> <th id=”mitarb”>Mitarbeiter</th> </tr>ȱ <tr> <th id=”suppe”>Tagessuppe</th> <td headers=”suppe studi”>0,80 Euro </td> <td headers=”suppe mitarb”>1,20 Euro </td> </tr> <tr> <th id=”stamm1”>Stammessen 1</th> <td headers=”stamm1 studi”>3,50 Euro </td> <td headers=”stamm1 mitarb”>5,00 Euro </td> </tr> <tr> <th id=”stamm2”>Stammessen 2</th> <td headers=”stamm2 studi”>4,50 Euro </td> <td headers=”stamm2 mitarb”>6,00 Euro </td> </tr> … </table><br />
<br />
ȱ<br />
<br />
Abbildungȱ42:ȱ TabellenaufbauȱinȱHTMLȱ GenerellȱinterpretierenȱScreenreaderȱeinenȱTextȱvonȱlinksȱnachȱrechts,ȱbeiȱTabellenȱ gebenȱsieȱZelleȱfürȱZelleȱaus.ȱUmȱdenȱZugriffȱaufȱeinzelneȱStrukturelementeȱbesserȱ steuernȱ zuȱ können,ȱ istȱ dieȱ Definitionȱ einerȱ vomȱ Inhaltȱ unabhängigenȱ TabellenȬ strukturȱerforderlich.ȱHTMLȱbietetȱfolgendeȱTagsȱzumȱAuszeichnenȱvonȱTabellenȬ elementenȱan:ȱDasȱ<caption>ȬTagȱkennzeichnetȱdieȱÜberschriftȱeinerȱTabelle,ȱmitȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
69ȱ<br />
<br />
<th>ȱ werdenȱ dieȱ SpaltenȬȱ undȱ Zeilenüberschriftenȱ ausgezeichnet,ȱ undȱ <td>ȱ machtȱnormaleȱZellenwerteȱkenntlichȱ(Abbildungȱ42).ȱȱ Überschriftenȱlassenȱsichȱnunȱgezieltȱauswählen,ȱz.ȱB.ȱfürȱdieȱAusgabeȱoderȱumȱihrȱ ErscheinungsbildȱperȱStylesheetȱzuȱbestimmen.ȱAuchȱohneȱFormatvorgabenȱdurchȱ einȱCSSȱistȱeineȱoptischeȱHervorhebungȱgegebenȱ(Abbildungȱ43).ȱȱ<br />
<br />
ȱ Abbildungȱ43:ȱ AnzeigeȱderȱBeispieltabelleȱimȱBrowserȱ(MSȱInternetȱExplorerȱ7.0)ȱ Bedingungȱ5.2ȱ „Soweitȱ Tabellen,ȱ dieȱ tabellarischeȱ Datenȱ darstellen,ȱ zweiȱ oderȱ mehrȱ Ebenenȱ vonȱ ZeilenȬȱ undȱSpaltenüberschriftenȱaufweisen,ȱsindȱmittelsȱderȱvorgesehenenȱElementeȱderȱverwendeȬ tenȱMarkupȬSpracheȱDatenzellenȱundȱÜberschriftenzellenȱeinanderȱzuzuordnen.“ȱȱ Umȱ dieserȱ Bedingungȱ nachzukommen,ȱ müssenȱ Überschriftenȱ undȱ Inhalteȱ einanȬ derȱ zugeordnetȱ werden.ȱ Überschriftenȱ erhaltenȱ dieȱ zusätzlicheȱ Metainformationȱ id.ȱDieseȱidȱwirdȱdenȱzugehörigenȱZellenȱmittelsȱdesȱheadersȬAttributsȱübergeȬ benȱ(sieheȱAbbildungȱ42).ȱScreenreadernutzerȱkönnenȱsichȱsomitȱ(insbesondereȱbeiȱ großenȱ Tabellen)ȱ zurȱ Orientierungȱ nurȱ dieȱ Inhalteȱ derȱ Überschriftenzellenȱ ausgeȬ benȱlassen.ȱ Bedingungȱ5.3ȱ „TabellenȱsindȱnichtȱfürȱdieȱTextȬȱundȱBildgestaltungȱzuȱverwenden,ȱsoweitȱsieȱnichtȱauchȱ inȱlinearisierterȱFormȱdargestelltȱwerdenȱkönnen.“ȱȱ DaȱunterschiedlicheȱBrowserȱCSSȬFormatierungenȱnichtȱimmerȱidentischȱanzeigen,ȱ wurdenȱ vorȱ allemȱ inȱ denȱ frühenȱ Tagenȱ desȱ Webdesignȱ häufigȱ Tabellenȱ zurȱ Layoutdefinitionȱ benutzt,ȱ daȱ dieseȱ eineȱ weitgehendȱ einheitlicheȱ Darstellungȱ geȬ währleisten.ȱ ScreenreaderȱgebenȱalsȱTabellenȱausgezeichneteȱInhalteȱimmerȱZeileȱfürȱZeileȱvonȱ linksȱnachȱrechtsȱaus,ȱwasȱbeiȱmissbräuchlicherȱVerwendungȱdiesesȱTagsȱzurȱFolgeȱ habenȱ kann,ȱ dassȱ dieȱ Ausgabereihenfolgeȱ nichtȱ derȱ logischenȱ Gliederungȱ derȱ InȬ halteȱentspricht.ȱ ȱ ȱ<br />
<br />
70ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
Bedingungȱ5.4ȱ „SoweitȱTabellenȱzurȱTextȬȱundȱBildgestaltungȱgenutztȱwerden,ȱsindȱkeineȱderȱStrukturieȬ rungȱ dienendenȱ Elementeȱ derȱ verwendetenȱ MarkupȬSpracheȱ zurȱ visuellenȱ Formatierungȱ zuȱverwenden.“ȱȱ FallsȱderȱEinsatzȱvonȱTabellenȱzuȱLayoutzweckenȱzwingendȱnotwendigȱseinȱsollte,ȱ dürfenȱkeineȱweiterenȱHTMLȬStrukturelementeȱwieȱetwaȱAufzählungszeichenȱzurȱ Layoutformatierungȱ darinȱ vorkommen.ȱ Eineȱ logischeȱ Unterteilungȱ lässtȱ sichȱ mitȱ denȱTagsȱ<thead>,ȱ<tbody>ȱundȱ<tfoot>ȱerreichen.ȱ Dieȱ Bedingungenȱ 5.5ȱ undȱ 5.6ȱ fordernȱ mitȱ Prioritätȱ 2,ȱ dassȱ „unterȱ Verwendungȱ derȱ hierfürȱ vorgesehenenȱ Elementeȱ derȱ genutztenȱ MarkupȬSprache“ȱ Zusammenfassungenȱ fürȱ Tabellenȱ (<summary>)ȱ bzw.ȱ Abkürzungenȱ fürȱ Überschriftenzellenȱ (<th abbr=" ">)ȱbereitzustellenȱsind.ȱ ANFORDERUNG 6: ALLGEMEINE RÜCKWÄRTSKOMPATIBILITÄT „Internetangeboteȱ müssenȱ auchȱ dannȱ nutzbarȱ sein,ȱ wennȱ derȱ verwendeteȱ Benutzeragentȱ neuereȱTechnologienȱnichtȱunterstütztȱoderȱdieseȱdeaktiviertȱsind.“ȱȱ Bedingungȱ6.1ȱ „Esȱ mussȱ sichergestelltȱ sein,ȱ dassȱ mittelsȱ MarkupȬSprachenȱ geschaffeneȱ Dokumenteȱ verȬ wendbarȱsind,ȱwennȱdieȱzugeordnetenȱStylesheetsȱdeaktiviertȱsind.“ȱȱ Wieȱ schonȱ erwähnt,ȱ istȱ eineȱ strikteȱ Trennungȱ einzuhaltenȱ zwischenȱ einerseitsȱ StrukturȱundȱInhaltȱderȱDatenȱinȱmitȱeinerȱMarkupȬSpracheȱbeschriebenenȱDokuȬ menten,ȱundȱandererseitsȱPräsentationsvorgaben,ȱdieȱinȱStylesheetsȱabgelegtȱsind.ȱȱ Diesȱistȱerforderlich,ȱweilȱvieleȱScreenreaderȱ(dieȱmeistensȱfürȱdieȱvisuelleȱAnzeigeȱ definierten)ȱ Stylesheetsȱ ignorierenȱ undȱ nurȱ Strukturȱ undȱ Inhaltȱ beachten.ȱ Beiȱ derȱ LinearisierungȱdesȱInhaltsȱistȱalleineȱdieȱStrukturȱausschlaggebendȱfürȱdieȱAusgaȬ bereihenfolge.ȱEinȱzusätzlichesȱStylesheetȱfürȱdieȱSprachausgabeȱ(sieheȱAbbildungȱ 36,ȱSeiteȱ64)ȱdarfȱkeineȱobligatorischenȱInformationenȱenthalten.ȱ AußerdemȱbietenȱdieȱmeistenȱBrowserȱdemȱBenutzerȱdieȱOption,ȱdieȱAusführungȱ vonȱ Stylesheetsȱ komplettȱ zuȱ unterbindenȱ oderȱ dasȱ Stylesheetȱ durchȱ einȱ vomȱ BeȬ nutzerȱgewähltesȱStylesheetȱzuȱersetzten,ȱundȱesȱexistierenȱauchȱheuteȱnochȱBrowȬ serȱ(z.ȱB.ȱTextbrowser),ȱdieȱkeineȱStylesheetsȱunterstützen.ȱ Bedingungȱ6.2ȱ „Esȱmussȱsichergestelltȱsein,ȱdassȱÄquivalenteȱfürȱdynamischenȱInhaltȱaktualisiertȱwerden,ȱ wennȱsichȱderȱdynamischeȱInhaltȱändert.“ȱȱ HTMLȬDokumenteȱ könnenȱ statischȱ oderȱ dynamischȱ generiertȱ sein.ȱ Statischeȱ DoȬ kumenteȱ liegenȱ alsȱ persistentȱ gespeicherteȱ Dateienȱ aufȱ einemȱ Webserverȱ bereitȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
71ȱ<br />
<br />
(Abbildungȱ44)ȱundȱwerdenȱmitȱdemȱHypertextȱTransferȱProtocol64ȱ (HTTP)ȱüberȬ tragen.ȱȱ<br />
<br />
HTTPȬRequestȱ(URI)ȱ<br />
<br />
HTTPȬ Responseȱ<br />
<br />
Client/ȱȱ Browserȱ<br />
<br />
Webserverȱ<br />
<br />
Fileserverȱ<br />
<br />
ȱ<br />
<br />
Abbildungȱ44:ȱ StatischesȱHTMLȱ ErhältȱeinȱWebserverprozessȱeineȱAnfrageȱvonȱeinemȱBrowserȱ(HTTPȬRequest),ȱsoȱ interpretiertȱerȱdieȱangeforderteȱSeitenadresseȱundȱliefertȱ–ȱggf.ȱnachȱRückgriffȱaufȱ einenȱDateiserverȱ(Fileserver)ȱ–ȱdieȱentsprechendeȱHTMLȬSeiteȱundȱeventuellȱCSSȬ Dateienȱ (HTTPȬResponse)ȱ zurück.ȱ Anschließendȱ interpretiertȱ derȱ Browserȱ denȱ QuelltextȱderȱInternetseite.ȱ VonȱdynamischenȱWebseitenȱ(oderȱauchȱDHTML)ȱsprichtȱman,ȱwennȱeinȱrudimenȬ täresȱ HTMLȬDokumentȱ erstȱ zumȱ Zeitpunktȱ desȱ Browseraufrufsȱ vervollständigtȱ wirdȱ(Abbildungȱ45).ȱ<br />
<br />
HTTPȬRequestȱ(URI)ȱ<br />
<br />
Client/ȱȱ Browserȱ<br />
<br />
HTTPȬ Responseȱ<br />
<br />
Webserverȱ<br />
<br />
ApplicationȬ serverȱ<br />
<br />
Fileserverȱ<br />
<br />
ȱ<br />
<br />
Abbildungȱ45:ȱ DynamischesȱHTMLȱ(DHTML)ȱ Zunächstȱ existiertȱ aufȱ demȱ Webserverȱ eineȱ HTMLȬDatei,ȱinȱ derenȱ Quellcodeȱ sichȱ Funktionsaufrufe65ȱ zwischenȱ demȱ öffnendenȱ undȱ demȱ schließendenȱ <html>ȬTagȱ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 64ȱ Hypertextȱ Transferȱ Protocolȱ (engl.)ȱ =ȱ HypertextȬÜbertragungsprotokoll;ȱ VerȬ fahrenȱinȱderȱAnwendungsschichtȱdesȱInternetprotokolls,ȱdasȱdieȱÜbertragungȱ vonȱ Datenȱ (insb.ȱ Hypertextdokumenteȱ wieȱ Webseiten)ȱ inȱ einemȱ Netzwerkȱ undȱihreȱAnzeigeȱinȱeinemȱWebbrowserȱermöglicht.ȱ 65ȱ DieȱFunktionsaufrufeȱsindȱalsȱKommentareȱgetarnt,ȱdamitȱdasȱDokumentȱvaȬ lideȱ bleibtȱ undȱ auchȱ solcheȱ Browserȱ dasȱ Dokumentȱ interpretierenȱ können,ȱ welcheȱdieȱFunktionsaufrufeȱnichtȱausführen.ȱȱ<br />
<br />
72ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
befinden.ȱAufȱGrundȱderȱBrowseranfrageȱwerdenȱdieseȱ(i.ȱd.ȱR.ȱunterȱBerücksichtiȬ gungȱvonȱdabeiȱübergebenenȱParametern)ȱaufȱdemȱApplikationsserverȱausgeführt,ȱ derȱggf.ȱaufȱeinenȱDatenbankserverȱzugreiftȱundȱdieȱaufbereitetenȱRückgabewerteȱ anȱ ihrerȱ Stelleȱ inȱ denȱ HTMLȬCodeȱ einsetzt.ȱ Dieȱ Anwendungslogikȱ wirdȱ typiȬ scherweiseȱ mittelsȱ serverseitigerȱ Technikenȱ wieȱ z.ȱ B.ȱ Activeȱ Serverȱ Pagesȱ (ASP),ȱ JavaȱServerȱPagesȱ(JSP)ȱoderȱHypertextȱPreprocessorȱ(PHP66)ȱrealisiert,ȱsoȱdassȱdieȱ DynamisierungȱvorȱdemȱInterpretierenȱderȱHTMLȬDateiȱdurchȱdenȱBrowserȱstattȬ findet.ȱ Derȱ zweiteȱ Ansatzȱ zurȱ Erzeugungȱ vonȱ dynamischenȱ Inhaltenȱ istȱ dieȱ clientseitigeȱ Realisierungȱ derȱ Anwendungslogik,ȱ z.ȱ B.ȱ mittelsȱ JavaScriptȱ undȱ insbesondereȱ AsynchronousȱJavaScriptȱandȱXMLȱ(AJAX).ȱAJAXȱistȱeineȱSchlüsseltechnologieȱdesȱ Webȱ2.0,ȱweilȱdasȱXMLHttpRequestȬObjektȱesȱgestattet,ȱwährendȱderȱInterpretatiȬ onȱ einesȱ HTMLȬDokumentsȱ Nutzdatenȱ und/oderȱ bestimmteȱ Teileȱ einerȱ HTMLȬ Seiteȱnachzuladenȱ(Abbildungȱ46).ȱ<br />
<br />
HTTPȬRequestȱ(URI)ȱ<br />
<br />
Client/ȱȱ Browserȱ<br />
<br />
HTTPȬResponseȱ(XML/HTML/JavaScript)ȱ<br />
<br />
Webserver/ȱ XMLȬServerȱ<br />
<br />
ApplicationȬ serverȱ<br />
<br />
Fileserverȱ<br />
<br />
ȱ Abbildungȱ46:ȱ AsynchronousȱJavaScriptȱandȱXMLȱ(AJAX)ȱ Anfragenȱ werdenȱ alsoȱ nichtȱ mehrȱ direktȱ vonȱ derȱ Benutzerschnittstelleȱ anȱ denȱ Webserverȱ gestellt,ȱ sondernȱ JavaScriptȬAufrufeȱ anȱ dieȱ AJAXȬEngineȱ geschickt,ȱ welcheȱdannȱdenȱWebȬȱund/oderȱXMLȬServerȱanfragt.ȱDieȱServerantwortȱwirdȱvonȱ derȱAJAXȬEngineȱinȱEmpfangȱgenommenȱundȱggf.ȱinȱHTMLȱundȱCSSȱumgewanȬ deltȱanȱdieȱBenutzerschnittstelleȱweitergeleitet.ȱȱ Imȱ Gegensatzȱ zuȱ statischenȱ oderȱ serverseitigȱ dynamisiertenȱ Seiten,ȱ welcheȱ ResȬ sourcenȱ perȱ Uniformȱ Resourceȱ Locator67ȱ (ggf.ȱ mitȱ angehängtenȱ Paramaternȱ oderȱ durchȱ URLȬRewriting)ȱ eindeutigȱ identifizieren,ȱ lassenȱ sichȱ mitȱ AJAXȱ generierteȱ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 66ȱ PHPȱ istȱ eineȱ rekursiveȱ Abkürzung;ȱ ursprünglichȱ hießȱ dieȱ Spracheȱ Personalȱ HomeȱPage.ȱ 67ȱ UniformȱResourceȱLocatorȱ(engl.)ȱ=ȱeinheitlicherȱRessourcenȬLokalisator;ȱidenȬ tifiziertȱeineȱRessourceȱüberȱdasȱverwendeteȱNetzwerkprotokollȱ(z.ȱB.ȱHTTP)ȱ undȱ denȱ Speicherortȱ imȱ Netz.ȱ URLsȱ sindȱ dieȱ häufigsteȱ Formȱ einesȱ Uniformȱ ResourceȱIdentifierȱ(URI)ȱundȱwerdenȱumgangssprachlichȱoftȱalsȱ„InternetadȬ resse“ȱbezeichnet.ȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
73ȱ<br />
<br />
Inhalteȱ nichtȱ zwangsläufigȱ überȱ dieȱ URLȱ wiederȱ finden.ȱ Dadurchȱ liefernȱ z.ȱ B.ȱ Browserfunktionenȱ wieȱ dieȱ Schaltflächenȱ „Vor“ȱ undȱ „Zurück“,ȱ derȱ Verlaufȱ oderȱ auchȱLesezeichenȱnichtȱohneȱweiteresȱdasȱvomȱBenutzerȱerwarteteȱErgebnis,ȱdaȱdieȱ URLȱi.ȱd.ȱR.ȱzumȱAusgangszustandȱdesȱWebauftrittsȱzurückführt.ȱEsȱistȱdaherȱerȬ forderlich,ȱ denȱ jeweilsȱ aktuellenȱ Anwendungsstatusȱ mitȱ Hilfeȱ vonȱ Parameterenȱ beschreibbarȱ zuȱ machen,ȱ anȱ dieȱ URLȱ derȱ WebȬSiteȱ anzuhängen,ȱ imȱ Verlaufȱ zuȱ speichernȱundȱdemȱBenutzerȱzurȱVerfügungȱzuȱstellen,ȱetwaȱinȱFormȱeinerȱSchaltȬ flächeȱ„LinkȱzuȱdieserȱSeite“ȱwieȱbeiȱGoogleȱMaps.ȱAufȱdieseȱWeiseȱläßtȱsichȱserȬ verseitigȱ beimȱ Aufrufȱ derȱ parametriertenȱ URLȱ einȱ vomȱ Besucherȱ definierterȱ ZuȬ standȱ wiederherstellen.ȱ Einigeȱ JavaScriptȬȱ bzw.ȱ AJAXȬFrameworksȱ bringenȱ Voraussetzungenȱ fürȱ dieseȱ Funktionalitätȱ bereitsȱ mit68,ȱ dieȱ allerdingsȱ nichtȱ vonȱ allenȱBrowsernȱvollständigȱfehlerfreiȱausgeführtȱwird69.ȱȱ Dasȱ Konzeptȱ derȱ asynchronenȱ Datenübertragungȱ bietetȱ vieleȱVorteile,ȱistȱaberȱ imȱ Hinblickȱ aufȱ dieȱ Zugänglichkeitȱ fürȱ Suchmaschinenȱ undȱ insbesondereȱ ScreenreaȬ derȱ problematisch.ȱ Funktionsaufrufeȱ könnenȱ ausgeführtȱ werden,ȱ wennȱ dieȱ Seiteȱ schonȱvomȱServerȱzumȱClientȱübertragenȱwurde,ȱd.ȱh.,ȱdassȱsichȱderȱQuellcodeȱderȱ Seiteȱändernȱkann,ȱwährendȱdieserȱschonȱvomȱBrowserȱinterpretiertȱwirdȱ(NachlaȬ den).ȱ Habenȱ Screenreaderȱ bereitsȱ mitȱ derȱ Interpretationȱ einerȱ Seiteȱ begonnen,ȱ soȱ könnenȱ ausȱ Änderungenȱ desȱ Codesȱ Darstellungsproblemeȱ undȱ wegenȱ derȱ tiefenȱ Verankerungȱ vonȱ Screenreadernȱ imȱ Betriebssystemȱ sogarȱ kompletteȱ SystemabȬ stürzeȱresultieren.ȱ Deshalbȱ fordertȱ dieȱ BITVȱ zuȱ jedemȱ dynamischenȱ Inhaltȱ immerȱ einenȱ statischenȱ InhaltȱmitȱidentischemȱInformationsgehalt.ȱ Bedingungenȱ6.3ȱ „Esȱ mussȱ sichergestelltȱ sein,ȱ dassȱ mittelsȱ MarkupȬSprachenȱ geschaffeneȱ Dokumenteȱ verȬ wendbarȱsind,ȱwennȱScripts,ȱAppletsȱoderȱandereȱprogrammierteȱObjekteȱdeaktiviertȱsind.“ȱȱ DynamischeȱElementeȱeinerȱWebȬSite,ȱwieȱz.ȱB.ȱdieȱNavigationȱundȱandereȱwichtiȬ geȱBestandteile,ȱkönnenȱmitȱJavaScript,ȱJava,ȱAdobeȱFlashȱoderȱanderenȱTechnikenȱ realisiertȱ werden.ȱ Umȱ sieȱ ausführenȱ zuȱ können,ȱ mussȱ aufȱ demȱ Clientȱ ggf.ȱ eineȱ LaufzeitȬUmgebungȱ (z.ȱ B.ȱ Adobeȱ FlashȬPlayerȱ oderȱ Javaȱ Virtualȱ Machine)ȱ instalȬ liertȱsein,ȱundȱinȱdenȱEinstellungenȱdesȱBrowsersȱmussȱdieȱAusführungȱdieserȱProȬ grammeȱ genehmigtȱ sein.ȱ Vielfältigeȱ Gründeȱ (Sicherheitsbedenken,ȱ fehlendeȱȱ Administrationsrechte,ȱ geringeȱ Systemperformance)ȱ könnenȱ verhindern,ȱ dassȱ dieȱ erforderlichenȱ Technikenȱ verfügbarȱ sind,ȱ undȱ dazuȱ führen,ȱ dassȱ dieȱ InternetpräȬ senzȱnichtȱoderȱnurȱeingeschränktȱlauffähigȱistȱ(Abbildungȱ47).ȱ<br />
<br />
ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 68ȱ Sieheȱ z.ȱ B.ȱ http://www.onjava.com/pub/a/onjava/2005/10/26/ajaxȬhandlingȬ bookmarksȬandȬbackȬbutton.htmlȱundȱhttp://developer.yahoo.com/yui/.ȱ 69ȱ Sieheȱhttp://developer.yahoo.com/yui/history/#limitations.ȱ<br />
<br />
74ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
Darüberȱ hinausȱ könnenȱ dieȱ meistenȱ WebȬCrawlerȱ derartigȱ realisiertenȱ NavigatiȬ onspfadenȱnichtȱfolgenȱundȱdieȱSuchmaschineȱdemzufolgeȱdieseȱSeitenȱauchȱnichtȱ indizieren.ȱDaherȱsollteȱzusätzlichȱeineȱalternativeȱHTMLȬNavigationȱaufȱderȱWebȬ Siteȱ vorhandenȱ sein,ȱ dieȱ sicherstellt,ȱ dassȱ dieȱ Webpräsenzȱ barrierefreiȱ zugänglichȱ ist.ȱȱ<br />
<br />
ȱ Abbildungȱ47:ȱ AnzeigeȱeinerȱAdobeȱFlashȬNavigationȱohneȱerforderlichesȱPlugȬInȱ Andererseitsȱ sindȱ einigeȱ WebȬAnwendungen,ȱ wieȱ etwaȱ einȱ WebȬChat,ȱ ohneȱ denȱ EinsatzȱvonȱJavaScriptȱnichtȱ(sinnvoll)ȱmöglichȱundȱdieȱUnterstützungȱfürȱJavaScȬ riptȱ durchȱ Browserȱ undȱ Screenreaderȱ mittlerweileȱ soȱ weitȱ verbreitet,ȱ dassȱ dieȱ WCAGȱ2.0ȱsowieȱderȱ„BIENEȱWettbewerbȱfürȱBarrierefreiesȱInternet“ȱdieseȱtechnoȬ logischeȱ Entwicklungȱ inȱ ihrenȱ Forderungenȱ bzw.ȱ Bewertungsrichtlinienȱ berückȬ sichtigen.ȱ Bedingungȱ6.4ȱ „Esȱmussȱsichergestelltȱsein,ȱdassȱdieȱEingabebehandlungȱvonȱScripts,ȱAppletsȱoderȱandeȬ renȱprogrammiertenȱObjektenȱvomȱEingabegerätȱunabhängigȱist.“ȱȱ Dieȱ BITVȱ verlangtȱ inȱ derȱ Anforderungȱ zurȱ Geräteunabhängigkeitȱ (sieheȱ Seiteȱ 77)ȱ grundsätzlich,ȱ dassȱ Webpräsenzenȱ unabhängigȱ vonȱ Eingabegerätȱ (undȱ AusgabeȬ gerät)ȱ bedientȱ werdenȱ können.ȱ Geradeȱ beiȱ denȱ zuvorȱ angesprochenenȱ TechnoloȬ gienȱ bedarfȱ esȱ allerdingsȱ einerȱ besonderenȱ Aufmerksamkeit,ȱ daȱ dieseȱ teilweiseȱ starkȱaufȱdieȱMausȱalsȱEingabegerätȱfokussieren.ȱInȱJavaScriptȱetwaȱexistiertȱnichtȱ fürȱjedenȱgeräteabhängigenȱEventȬHandlerȱauchȱeinȱlogischerȱEventȬHandler.ȱ Bedingungȱ6.5ȱ „Dynamischeȱ Inhalteȱ müssenȱ zugänglichȱ sein.ȱ Insoweitȱ diesȱ nurȱ mitȱ unverhältnismäßigȱ hohemȱAufwandȱzuȱrealisierenȱist,ȱsindȱgleichwertigeȱalternativeȱAngeboteȱunterȱVerzichtȱ aufȱdynamischeȱInhalteȱbereitzustellen.“ȱȱ BeiȱderȱUmsetzungȱdieserȱAnforderungȱistȱimȱAugeȱzuȱbehalten,ȱdassȱbeiȱzusätzliȬ chenȱ Angebotenȱ dieȱ Gefahrȱ besteht,ȱ dassȱ dieseȱ vonȱ Suchmaschinenȱ alsȱ Duplicateȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
75ȱ<br />
<br />
Content70ȱgewertetȱwerden,ȱfallsȱdieȱSuchmaschineȱauchȱaufȱdieȱdynamischenȱInȬ halteȱZugriffȱerlangtȱ(sieheȱSeiteȱ115f.).ȱ ANFORDERUNG 7: DYNAMISCHE INHALTE „ZeitgesteuerteȱÄnderungenȱdesȱInhaltsȱmüssenȱdurchȱdieȱNutzerin,ȱdenȱNutzerȱkontrolȬ lierbarȱsein.“ȱȱ Bedingungȱ7.1ȱȱ „Bildschirmflackernȱistȱzuȱvermeiden.“ȱȱ BildschirmflackernȱtrittȱimȱBereichȱvonȱ2ȱbisȱ59ȱHzȱaufȱundȱkannȱinsbesondereȱimȱ Bereichȱ zwischenȱ 10ȱ undȱ 25ȱ Hzȱ beiȱ Benutzernȱ epileptischeȱ Anfälleȱ hervorrufenȱ (photosensitiveȱEpilepsie).71ȱ Bedingungȱ7.2ȱ „BlinkenderȱInhaltȱistȱzuȱvermeiden.“ȱȱ BlinkendeȱObjekteȱlösenȱzwarȱnurȱinȱdemȱo.ȱa.ȱFrequenzbereichȱepileptischeȱAnfälȬ leȱaus,ȱwirkenȱaberȱauchȱsonstȱoftȱstörend,ȱweilȱsieȱdieȱAufmerksamkeitȱsehrȱstarkȱ aufȱ sichȱ ziehenȱ undȱ vomȱ eigentlichenȱ Inhaltȱ ablenken.ȱ Typischeȱ Beispieleȱ sindȱ AdobeȱFlashȬBanner,ȱGIFȬAnimationenȱoderȱLaufschriften.ȱ Bedingungȱ7.3ȱ „BewegungȱinȱmittelsȱMarkupȬSprachenȱgeschaffenerȱDokumenteȱistȱentwederȱzuȱvermeiȬ denȱoderȱesȱsindȱMechanismenȱbereitzustellen,ȱdieȱderȱNutzerin,ȱdemȱNutzerȱdasȱEinfrierenȱ derȱBewegungȱoderȱdieȱÄnderungȱdesȱInhaltsȱermöglichen.“ȱȱ DieseȱBedingungȱbeziehtȱsichȱimȱPrinzipȱaufȱalleȱzeitkontinuierlichenȱMedien,ȱalsoȱ Videos,ȱ Audiodateienȱ undȱ Animationenȱ oderȱ animierteȱ Texteȱ wieȱ Laufschriften.ȱ DamitȱderȱAnwenderȱdieȱKontrolleȱüberȱseinenȱRechnerȱbehält,ȱmüssenȱdieseȱmitȱ Steuermöglichkeitenȱversehenȱseinȱ(Abbildungȱ48),ȱdieȱesȱzumindestȱgestatten,ȱdasȱ Abspielenȱ desȱ Mediumsȱ anzuhaltenȱ oderȱ abzubrechen.ȱ Beiȱ Animationenȱ undȱ Laufschriftenȱ sollteȱ dieȱ Abspielgeschwindigkeitȱ vomȱ Benutzerȱ einstellbarȱ sein,ȱ damitȱsieȱsichȱanȱdieȱindividuelleȱAufnahmegeschwindigkeitȱdesȱBenutzersȱanpasȬ senȱlässt.ȱ BeiȱAnimationenȱundȱLaufschriftenȱsollteȱdieȱAbspielgeschwindigkeitȱvomȱBenutȬ zerȱ einstellbarȱ sein,ȱ damitȱ sieȱ sichȱ anȱ dieȱ individuelleȱ Aufnahmegeschwindigkeitȱ desȱBenutzersȱanpassenȱlässt.ȱ<br />
<br />
ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 70ȱ Duplicateȱ Contentȱ (engl.)ȱ =ȱ vervielfachterȱ Inhalt,ȱ Duplikat,ȱ Doublette;ȱ wirdȱ vonȱ Suchmaschinenȱ u.ȱ U.ȱ alsȱ Versuchȱ gewertet,ȱ dieȱ Rankingpositionȱ einerȱ Webseiteȱzuȱmanipulieren,ȱundȱmitȱStreichungȱausȱdemȱIndexȱbestraft.ȱ 71ȱ EinȱTestȱfindetȱsichȱunterȱhttp://tools.webaccessibile.org/test/check.aspx.ȱ<br />
<br />
76ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
ȱ Abbildungȱ48:ȱ AVȬSteuerpanelȱamȱBeispielȱderȱMinplayerȬAnsichtȱdesȱMSȱMediaȱ Playersȱ Bedingungȱ7.4ȱ „Automatischeȱ periodischeȱ Aktualisierungenȱ mittelsȱ MarkupȬSprachenȱ geschaffenerȱ DoȬ kumenteȱsindȱzuȱvermeiden.“ȱȱ Wieȱ bereitsȱ zurȱ Bedingungȱ 6.3ȱ beschrieben,ȱ lassenȱ sichȱ automatischeȱ AktualisieȬ rungenȱ durchȱ Technikenȱ wieȱ z.ȱ B.ȱ JavaScript,ȱ Javaȱ oderȱ Adobeȱ Flashȱ erreichenȱ (sieheȱ Seiteȱ 74).ȱ Darüberȱ hinausȱ könnenȱ sieȱ aberȱ auchȱ durchȱ MetaȬTagsȱ imȱ Kopfȱ einesȱHTMLȬDokumentsȱausgelöstȱwerdenȱ(Abbildungȱ49).ȱȱ <meta http-equiv="refresh" content="3" /> ȱ Abbildungȱ49:ȱ BeispielȱfürȱeineȱautomatischeȱAktualisierungȱinȱHTMLȱ DerȱrefreshȬWertȱinȱdiesemȱBeispielȱsorgtȱdafür,ȱdassȱderȱBrowserȱdieȱSeiteȱalleȱ dreiȱ Sekundenȱ erneutȱ neuȱ vomȱ Serverȱ anfordert.ȱ Währendȱ dieserȱ Zeitȱ könnenȱ Screenreaderȱ dieȱ WebȬSiteȱ nichtȱ interpretieren,ȱ undȱ ausȱ Änderungenȱ desȱ Codesȱ könnenȱDarstellungsproblemeȱbisȱhinȱzuȱSystemabstürzenȱresultieren.ȱȱ DeshalbȱsollteȱimmerȱderȱBenutzerȱundȱnichtȱdieȱAnwendungȱentscheiden,ȱwannȱ zurȱVerfügungȱstehendeȱAktualisierungenȱdurchgeführtȱwerden.ȱ Bedingungȱ7.5ȱ „Dieȱ Verwendungȱ vonȱ Elementenȱ derȱ MarkupȬSpracheȱ zurȱ automatischenȱ Weiterleitungȱ istȱ zuȱ vermeiden.ȱ Insofernȱ aufȱ eineȱ automatischeȱ Weiterleitungȱ nichtȱ verzichtetȱ werdenȱ kann,ȱistȱderȱServerȱentsprechendȱzuȱkonfigurieren.“ȱȱ EineȱautomatischeȱWeiterleitungȱ(Forwarding)ȱwirdȱbeispielsweiseȱgenutzt,ȱwennȱ derȱeigentlichenȱStartseiteȱ(z.ȱB.ȱsprachȬȱbzw.ȱkulturspezifische)ȱBegrüßungsseitenȱ vorangestelltȱ sindȱ (sieheȱ Abbildungȱ 10,ȱ Seiteȱ 20),ȱ oderȱ alsȱ „Nachsendeauftrag“,ȱ wennȱeineȱWebpräsenzȱzuȱeinerȱanderenȱURLȱumgezogenȱist.ȱȱ WeiterleitungenȱlassenȱsichȱprinzipiellȱaufȱdemȱClientȱoderȱdemȱServerȱimplemenȬ tieren.ȱ Clientseitigeȱ Lösungenȱ lassenȱ sichȱ imȱ <Head>-Bereichȱ einesȱ HTMLȬ Dokumentesȱrealisieren,ȱz.ȱB.ȱdurchȱJavaScriptȬAufrufeȱoderȱdieȱAngabeȱeinerȱURLȱ bzw.ȱ einesȱ URIȱ imȱ refreshȬMetaȬTag.ȱ Problematischȱ amȱ Einsatzȱ vonȱ JavaScriptȱ istȱ u.ȱ a.,ȱ dassȱ Benutzer,ȱ dieȱ JavaScriptȱ nichtȱ aktiviertȱ haben,ȱ nurȱ eineȱ leereȱ Seiteȱ sehenȱ undȱ nichtȱ zumȱ eigentlichenȱ Informationsangebotȱ vorstoßenȱ können.ȱ Dieȱ MetaȬTagȬVarianteȱ bringtȱ denȱ Nachteilȱ mitȱ sich,ȱ dassȱ Benutzerȱ dieȱ BetrachtungsȬ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
77ȱ<br />
<br />
dauerȱ derȱ Seiteȱ nichtȱ anȱ ihreȱ individuelleȱ Aufnahmegeschwindigkeitȱ anpassenȱ können,ȱ daȱ derȱ Aufrufȱ derȱ Folgeseiteȱ nachȱ einerȱ inȱ derȱ Anwendungȱ hinterlegtenȱ Zeitspanneȱautomatischȱerfolgt.ȱ Serverseitigȱ lässtȱ sichȱ einȱ Skriptȱ hinterlegen,ȱ welchesȱ dieseȱ Funktionȱ übernimmt,ȱ oderȱ derȱ Webserverȱ wirdȱ soȱ konfiguriert,ȱ dassȱ erȱ Anfragenȱ anȱ dieȱ neueȱ Adresseȱ umlenkt.ȱȱ Daȱ aberȱ jedesȱ Forwardingȱ demȱ Benutzerȱ dieȱ Kontrolleȱ überȱ seinenȱ Rechnerȱ entȬ zieht,ȱistȱesȱbesser,ȱeinȱHyperlinkȱzurȱFolgeseiteȱanzubietenȱundȱesȱdemȱBenutzerȱ zuȱüberlassen,ȱobȱundȱwannȱerȱwechselt.ȱ ANFORDERUNG 8: BENUTZERSCHNITTSTELLEN „DieȱdirekteȱZugänglichkeitȱderȱinȱInternetangebotenȱeingebettetenȱBenutzerschnittstellenȱ istȱsicherzustellen.“ȱȱ Direkteȱ Zugänglichkeitȱ vonȱ Webauftrittenȱ bedeutet,ȱ dassȱ dieȱ standardmäßigeȱ Browserfunktionalitätȱ ausreicht,ȱ umȱ dieȱ Benutzerschnittstelleȱ darstellenȱ undȱ beȬ dienenȱzuȱkönnen.ȱEineȱErweiterungȱderȱBrowserfunktionenȱ(durchȱdieȱInstallatiȬ onȱ einesȱ PlugȬInȱ wieȱ etwaȱ demȱ Adobeȱ FlashȬPlayer)ȱ darfȱ nichtȱ erforderlichȱ sein,ȱ insbesondereȱ weilȱ assistiveȱ Technologienȱ aufȱ derȱ standardmäßigenȱ BrowserfunkȬ tionalität,ȱaberȱnichtȱaufȱproprietärenȱTechnologienȱaufsetzen.ȱ DieȱzugehörigeȱBedingungȱfordert:ȱ „ProgrammierteȱElementeȱ(insbesondereȱScriptsȱundȱApplets)ȱsindȱsoȱzuȱgestalten,ȱdassȱsieȱ entwederȱdirektȱzugänglichȱoderȱkompatibelȱmitȱassistivenȱTechnologienȱsind.“ȱȱ Weilȱ zwarȱ derȱ Aufruf,ȱ aberȱ nichtȱ derȱ Ablaufȱ vonȱ programmiertenȱ Elementenȱ durchȱ dieȱ Browserfunktionenȱ undȱ damitȱ durchȱ Hilfstechnologienȱ steuerbarȱ ist,ȱ mussȱ beiȱ programmiertenȱ Elementenȱ zusätzlicheȱ eineȱ zuȱ assistivenȱ Technologienȱ kompatibleȱSchnittstelleȱimplementiertȱwerden.ȱ ANFORDERUNG 9: GERÄTEUNABHÄNGIGKEIT „Internetangeboteȱ sindȱ soȱ zuȱ gestalten,ȱ dassȱ Funktionenȱ unabhängigȱ vomȱ Eingabegerätȱ oderȱAusgabegerätȱnutzbarȱsind.“ȱȱ InternetpräsenzenȱsindȱmeistȱaufȱeineȱbestimmteȱZielgruppeȱhinȱausgerichtet.ȱDiesȱ beziehtȱ sichȱ oftȱ nichtȱ nurȱ aufȱ dasȱ Informationsangebot,ȱ sondernȱ –ȱ entgegenȱ demȱ Grundgedankenȱ derȱ Zugänglichkeitȱ fürȱ Alleȱ –ȱ auchȱ aufȱ dieȱ InformationsȬ darstellung,ȱInteraktionsmöglichkeitenȱundȱantizipierteȱArbeitsumgebungen.ȱȱ Bedingungȱ9.1ȱ „EsȱsindȱclientseitigeȱImagemapsȱbereitzustellen,ȱesȱseiȱdennȱdieȱRegionenȱkönnenȱmitȱdenȱ verfügbarenȱgeometrischenȱFormenȱnichtȱdefiniertȱwerden.“ȱȱ BeiȱeinerȱImagemapȱwirdȱeinȱBildȱinȱBereicheȱaufgeteilt,ȱdieȱmitȱunterschiedlichenȱ Hyperlinksȱ hinterlegtȱ werden,ȱ beispielsweiseȱ umȱ eineȱ Navigationȱ (etwaȱ inȱ Formȱ einerȱSitemap)ȱzuȱrealisieren.ȱȱ<br />
<br />
78ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
Dieseȱ Aufteilungȱ inȱ Bildbereicheȱ undȱ derenȱ Verlinkungȱ kannȱ grundsätzlichȱ aufȱ demȱ Clientȱ oderȱ aufȱ demȱ Serverȱ erfolgen.ȱ Eineȱ clientseitigeȱ Lösungȱ erlaubtȱ dieȱ AuswahlȱderȱGrafikbereicheȱnichtȱnurȱdurchȱdieȱentsprechendeȱPositionierungȱdesȱ Mauszeigers,ȱsondernȱauchȱdurchȱdieȱTastaturȱ(Tabulatorsteuerung)ȱundȱlässtȱsichȱ unabhängigȱvomȱEingabegerätȱbenutzen.ȱȱ ServerseitigeȱImagemapsȱhingegenȱlassenȱsichȱprinzipbedingtȱnurȱmitȱdemȱMausȬ zeigerȱ bedienen.ȱ Aufȱ Grundȱ dieserȱ Geräteabhängigkeitȱ könnenȱ sieȱ vonȱ vielenȱ Menschenȱ nichtȱ genutztȱwerden,ȱ dieȱassistiveȱ Technologienȱ verwenden,ȱ wieȱ z.ȱ B.ȱ KleinȬȱbzw.ȱGroßfeldtastaturen.ȱ WennȱclientseitigȱdieȱbenötigtenȱBildregionenȱ(aufȱGrundȱderȱverfügbarenȱgeometȬ rischenȱFormen)ȱnichtȱmodelliertȱwerdenȱkönnenȱundȱeineȱserverseitigeȱImagemapȱ zwingendȱnotwendigȱist,ȱmussȱeineȱzusätzlicheȱHTMLȬNavigationȱaufȱjederȱWebȬ seiteȱvorhandenȱsein.ȱȱ Bedingungȱ9.2ȱ „Jedesȱ überȱ eineȱ Schnittstelleȱ verfügendeȱ Elementȱ mussȱ inȱ geräteunabhängigerȱ Weiseȱ beȬ dientȱwerdenȱkönnen.“ȱȱ Dieȱ meistenȱ klassischenȱ WebȬSitesȱ sindȱ primärȱ fürȱ dieȱ Bedienungȱ mitȱ derȱ Mausȱ konzipiert,ȱundȱeinigeȱFunktionen,ȱwieȱz.ȱB.ȱDragȱ&ȱDrop,ȱsindȱsogarȱausschließȬ lichȱmitȱderȱMausȱnutzbar.ȱDaȱinsbesondereȱBesuchernȱmitȱScreereadernȱdieȱoptiȬ scheȱ Rückmeldungȱ fürȱ dieȱ sinnvolleȱ Verwendungȱ einerȱ Mausȱ fehlt,ȱ mussȱ dieȱ Steuerungȱ auchȱ nurȱ perȱ Tastatur,ȱ alsoȱ insbesondereȱ derȱ TabulatorȬTasteȱ undȱ denȱ Pfeiltastenȱmöglichȱsein.ȱ DieseȱBedingungȱbetont,ȱdassȱdieȱGeräteunabhängigkeitȱohneȱAusnahmeȱfürȱjedesȱ benutzbareȱ Elementȱ einerȱWebȬAnwendungȱgilt,ȱalsoȱ beispielsweiseȱauchȱfürȱ solȬ cheȱ Elemente,ȱ denenȱ derȱ Webdesignerȱ keineȱ essentielleȱ Bedeutungȱ fürȱ dieȱ NutȬ zungȱ derȱ Seiteȱ zuschreibt,ȱ oderȱ dieȱ mitȱ Technikenȱ wieȱ Adobeȱ Flashȱ erstelltȱ sind,ȱ undȱderenȱbarrierefreieȱGestaltungȱerheblichenȱZusatzaufwandȱbedeutenȱkann.ȱȱ Bedingungȱ9.3ȱ „InȱScriptsȱsindȱlogischeȱanstelleȱvonȱgeräteabhängigenȱEventȬHandlernȱzuȱspezifizieren.“ȱȱ Allgemeinȱ formuliertȱ sindȱ EventȬHandler72ȱ Methoden,ȱ dieȱ beschreiben,ȱ mitȱ welȬ cherȱ(Folgeȱvon)ȱAktion(en)ȱeinȱComputerprogrammȱaufȱdefinierteȱEreignisseȱreaȬ giert.ȱ Ereignisseȱ (Events)ȱ könnenȱ prinzipiellȱ vonȱ Geräten,ȱ Computerprogrammenȱ oderȱMenschenȱausgelöstȱwerden.ȱȱ Typischeȱ BenutzerȬEreignisseȱ (Userȱ Events)ȱ sindȱ Mausklicksȱ oderȱ TastatureingaȬ ben.ȱDieseȱsollenȱmitȱgeräteunabhängigenȱlogischenȱEventȬHandlernȱ(z.ȱB.ȱonselect)ȱ stattȱ gerätespezifischenȱ EventȬHandlerȱ (z.ȱ B.ȱ onclickȱ fürȱ Mausklickȱ bzw.ȱ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 72ȱ EventȬHandlerȱ(engl.)ȱ=ȱEreignisȬHandhaber,ȱEreignisȬSteuerungsprogramm.ȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
79ȱ<br />
<br />
onkeypressȱfürȱTastatureingaben)ȱabgefangenȱwerden,ȱumȱUnabhängigkeitȱvomȱ Eingabegerätȱzuȱerreichen.ȱȱ Dieȱ Bedingungenȱ 9.4ȱ undȱ 9.5ȱ zielenȱ aufȱ eineȱ leichteȱ Steuerbarkeitȱ derȱ WebȬSiteȱ alleinȱmitȱderȱTastaturȱabȱundȱfordernȱmitȱPrioritätȱ2,ȱdassȱ„eineȱmitȱderȱTabulatorȬ tasteȱ navigierbare,ȱ nachvollziehbareȱ undȱ schlüssigeȱ Reihenfolgeȱ vonȱ HyperlinksȬ,ȱ FormuȬ larkontrollelementenȱundȱObjektenȱfestzulegen“ȱistȱundȱ„TastaturkurzbefehleȱfürȱHyperȬ linksȬ,ȱ dieȱ fürȱ dasȱ Verständnisȱ desȱ Angebotsȱ vonȱ entscheidenderȱ Bedeutungȱ sindȱ (einschließlichȱsolcherȱinȱclientseitigenȱImagemaps),ȱFormularkontrollelementeȱundȱGrupȬ penȱvonȱFormularkontrollelementenȱbereitzustellen“ȱsind.ȱMittlerweileȱtendiertȱmanȱbeiȱ derȱInterpretationȱderȱBITVȱdazu,ȱderȱSteuerbarkeitȱdurchȱdieȱTastaturȱeineȱstärkeȬ reȱ Bedeutungȱ einzuräumen,ȱ daȱ nichtȱ nurȱ Nutzerȱ assistiverȱ Technologieren,ȱ sonȬ dernȱauchȱVerwenderȱvonȱMobiltelefonenȱmitȱdiesemȱEingabegerätȱnavigieren.ȱ ANFORDERUNG 10: KOMPATIBILITÄT MIT HILFSMITTELN „Dieȱ Verwendbarkeitȱ vonȱ nichtȱ mehrȱ demȱ jeweilsȱ aktuellenȱ Standȱ derȱ Technikȱ entspreȬ chendenȱ assistivenȱ Technologienȱ undȱ Browsernȱ istȱ sicherzustellen,ȱ soȱ weitȱ derȱ hiermitȱ verbundeneȱAufwandȱnichtȱunverhältnismäßigȱist.“ȱȱ Internetangeboteȱ dürfenȱ nichtȱ nurȱ mitȱ denȱ aktuellstenȱ Versionenȱ lauffähigȱ sein.ȱ DieȱForderungȱnachȱAbwärtskompatibilitätȱfürȱBrowserȱundȱHilfstechnologienȱsollȱ vermeiden,ȱ dassȱ Menschenȱ vonȱ derȱ Nutzungȱ desȱ Informationsangebotsȱ ausgeȬ schlossenȱwerden,ȱdieȱausȱfinanziellen,ȱadministrativen,ȱtechnischenȱoderȱanderenȱ GründenȱnichtȱaufȱdemȱletztenȱStandȱderȱTechnikȱsind.ȱ Bedingungȱ10.1ȱ „DasȱErscheinenȱlassenȱvonȱPopȬUpsȱoderȱanderenȱFensternȱistȱzuȱvermeiden.ȱDieȱNutzeȬ rin,ȱderȱNutzerȱistȱüberȱeinenȱWechselȱderȱaktuellenȱAnsichtȱzuȱinformieren.ȱ“ȱ PopȬUp73ȬFensterȱsindȱzusätzlicheȱBrowserfenster,ȱdieȱsichȱ(oftȱauchȱohneȱentspreȬ chendeȱBenutzeraktion)ȱimȱVordergrundȱöffnenȱundȱdasȱbisherȱsichtbareȱBrowserȬ fensterȱoderȱTeileȱdavonȱüberdecken.ȱDadurchȱlenkenȱsieȱvomȱeigentlichenȱInhaltȱ abȱundȱkönnenȱzuȱOrientierungsproblemenȱführen.ȱAußerdemȱistȱheutzutageȱnichtȱ sichergestellt,ȱdassȱdieȱInformationenȱimȱPopȬUpȱdenȱBenutzerȱerreichen,ȱdennȱihrȱ Aufrufȱ wirdȱ häufigȱ vonȱ soȱ genanntenȱ PopȬUpȬBlockernȱ unterbunden.ȱ Auchȱ NutȬ zernȱ vonȱ Vergrößerungssystemenȱ kannȱ dasȱ PopȬUpȱ verborgenȱ bleiben,ȱ wennȱ esȱ sichȱ außerhalbȱ desȱ aktuellȱ betrachtetenȱ Bildschirmausschnittsȱ öffnet.ȱ Beiȱ ScreenȬ readernȱ könnenȱ unterschiedlicheȱ Problemeȱ auftreten.ȱ Sindȱ PopȬUpsȱ trotzȱ dieserȱ vielenȱNachteileȱdennochȱnotwendig,ȱsolltenȱsieȱnurȱnachȱAufforderungȱdurchȱdenȱ Benutzerȱ oderȱ zumindestȱ nachȱ Vorankündigungȱ durchȱ dieȱ Anwendungȱ geöffnetȱ werden,ȱdamitȱderȱNutzerȱÄnderungenȱerkennenȱundȱdaraufȱreagierenȱkann.ȱȱ ȱ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 73ȱ Vonȱ„toȱpopȱup”ȱ(engl.)ȱ=ȱaufspringen,ȱaufklappen.ȱ<br />
<br />
80ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
Bedingungȱ10.2ȱ „BeiȱallenȱFormularȬKontrollelementenȱmitȱimplizitȱzugeordnetenȱBeschriftungenȱistȱdafürȱ Sorgeȱzuȱtragen,ȱdassȱdieȱBeschriftungenȱkorrektȱpositioniertȱsind.“ȱȱ Beschriftungenȱ müssenȱ entsprechendȱ derȱ Linearisierungȱ positioniertȱ sein,ȱ damitȱ beimȱ Auslesenȱ durchȱ einenȱ Screenreaderȱ eineȱ logischeȱ Informationsreihenfolgeȱ entsteht.ȱZuȱeinemȱEingabefeldȱgehörendeȱErläuterungenȱsindȱdeshalbȱinȱderȱgleiȬ chenȱ Zeileȱ vorȱ dasȱ Eingabefeldȱ zuȱ setzenȱ (Abbildungȱ 50ȱ undȱ Abbildungȱ 51)ȱ undȱ Auswahlschalterȱdahinterȱ(sieheȱauchȱSeiteȱ344ff.).ȱ <form> <label for="thema">Wählen Sie Ihr Thema:</label> <select id="thema"> <option>E-Learning</option> <option>E-Mail</option> <option>Mensa</option> <option>Vorlesungsverzeichnis</option> </select> </form> ȱ Abbildungȱ50:ȱ BeispielȱfürȱdenȱAufbauȱeinesȱFormularelementsȱinȱHTMLȱ<br />
<br />
ȱ Abbildungȱ51:ȱ AnzeigeȱdesȱBeispielsȱfürȱeinȱFormularelementȱimȱBrowserȱ DieȱBedingungenȱ10.3,ȱ10.4ȱundȱ10.5ȱfordernȱmitȱPrioritätȱ2,ȱfürȱ„alleȱTabellen,ȱdieȱ TextȱinȱparallelenȱSpaltenȱmitȱZeilenumbruchȱenthalten,ȱ[…]ȱalternativȱlinearerȱTextȱbeȬ reitzustellen“ȱ ist,ȱ „leereȱ Kontrollelementeȱ inȱ Eingabefeldernȱ undȱ Textbereichenȱ […]ȱ mitȱ Platzhalterzeichenȱzuȱversehen“ȱsindȱundȱ„nebeneinanderȱliegendeȱHyperlinksȱ[…]ȱdurchȱ vonȱLeerzeichenȱumgebene,ȱdruckbareȱZeichenȱzuȱtrennen“ȱsind.ȱ A NFORDERUNG 11: W3C-TECHNOLOGIEN „Dieȱ zurȱ Erstellungȱ desȱ Internetangebotsȱ verwendetenȱ Technologienȱ sollenȱ öffentlichȱ zuȬ gänglichȱundȱvollständigȱdokumentiertȱsein,ȱwieȱz.ȱB.ȱdieȱvomȱWorldȱWideȱWebȱConsorȬ tiumȱentwickeltenȱTechnologien“ȱȱ Bedingungȱ11.1ȱ „Esȱ sindȱ öffentlichȱ zugänglicheȱ undȱ vollständigȱ dokumentierteȱ Technologienȱ inȱ ihrerȱ jeȬ weilsȱaktuellenȱVersionȱzuȱverwenden,ȱsoweitȱdieȱfürȱdieȱErfüllungȱderȱangestrebtenȱAufȬ gabeȱangemessenȱist.“ȱȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
81ȱ<br />
<br />
Zugänglicheȱ undȱ vollständigȱ dokumentierteȱ Technologienȱ sindȱ nebenȱ denȱ W3CȬ Technologienȱ vorȱ allemȱ OpenȬSourceȬSoftware.ȱ Aufȱ dieȱ meistenȱ proprietärenȱ Technologienȱ undȱ Formateȱ trifftȱ dieseȱ Forderungȱ nichtȱ zu.ȱ Dennochȱ dürfenȱ sieȱ verwendetȱ werden,ȱ wennȱ dieȱ benötigteȱ Funktionalitätȱ sonstȱ nichtȱ zuȱ realisierenȱ wäreȱundȱwennȱzumȱInhaltȱdesȱDokumentsȱeinȱbarrierefreiesȱalternativesȱAngebotȱ existiert.ȱBeispielsweiseȱistȱderȱEinsatzȱvonȱAdobesȱPortableȱDocumentȱFileȬFormatȱ (PDF)ȱ zulässig,ȱ wennȱ dasȱ Formatȱ aufȱ Grundȱ vonȱ erforderlichenȱ Eigenschaftenȱ benötigtȱ wird,ȱ dieȱ HTMLȱ nichtȱ zurȱ Verfügungȱ stellt.ȱ Allerdingsȱ müssenȱ dieȱ PDFȱ barrierefreiȱ gestaltetȱ sein,ȱ oderȱ derȱ Benutzerȱ mussȱ deutlichȱ daraufȱ aufmerksamȱ gemachtȱwerden,ȱdassȱeinȱPDFȱnichtȱbarrierefreiȱist;ȱinȱdiesemȱFallȱmussȱihmȱeineȱ HTMLȬAlternativeȱangebotenȱwerden.ȱ Bedingungȱ11.2ȱ „Dieȱ Verwendungȱ vonȱ Funktionen,ȱ dieȱ durchȱ dieȱ Herausgabeȱ neuerȱ Versionenȱ überholtȱ sind,ȱistȱzuȱvermeiden.“ȱȱ BeispielsweiseȱfordertȱdieȱBedingungȱ3.3ȱdenȱEinsatzȱvonȱStylesheetȱfürȱdieȱBeeinȬ flussungȱderȱPräsentationȱvonȱTextȱundȱBildern.ȱInȱFolgeȱdessenȱistȱz.ȱB.ȱdasȱVerȬ wendenȱ desȱ <font>ȬTagsȱ zurȱ Bestimmungȱ derȱ verwendetenȱ Schriftenȱ inȱ HTMLȱ nichtȱmehrȱzulässig.ȱȱ Bedingungȱ11.3ȱ „Soweitȱ auchȱ nachȱ bestemȱ Bemühenȱ dieȱ Erstellungȱ einesȱ barrierefreienȱ Internetangebotsȱ nichtȱmöglichȱist,ȱistȱeinȱalternatives,ȱbarrierefreiesȱAngebotȱzurȱVerfügungȱzuȱstellen,ȱdasȱ äquivalenteȱ Funktionalitätenȱundȱ InformationenȱgleicherȱAktualitätȱ enthält,ȱsoweitȱ esȱ dieȱ technischenȱ Möglichkeitenȱ zulassen.ȱ Beiȱ Verwendungȱ nichtȱ barrierefreierȱ Technologienȱ sindȱ dieseȱ zuȱ ersetzten,ȱ sobaldȱ aufgrundȱ derȱ technologischenȱ Entwicklungȱ äquivalente,ȱ zugänglicheȱLösungenȱverfügbarȱundȱeinsetzbarȱsind.“ȱȱ Istȱmanȱgezwungen,ȱnichtȬbarrierefreieȱTechnikenȱeinzusetzen,ȱsoȱsindȱdieseȱ(wieȱ auchȱnachȱälterenȱStandardsȱentwickelteȱInhalte)ȱsoȱbaldȱalsȱmöglichȱdurchȱbarrieȬ refreieȱ Technologienȱ (undȱ aktuellȱ gültigeȱ Standards)ȱ zuȱ ersetzen.ȱ Ausȱ dieserȱ BeȬ dingungȱresultiertȱalsoȱeineȱVerpflichtung,ȱInternetpräsenzenȱfortlaufendȱzuȱüberȬ prüfenȱundȱaufȱdemȱStandȱderȱTechnikȱzuȱhalten,ȱumȱdasȱjeweilsȱhöchstmöglicheȱ MaßȱanȱZugänglichkeitȱzuȱgewährleisten.ȱ Bedingungȱ11.4ȱfordertȱmitȱPrioritätȱ2ȱ„derȱNutzerin,ȱdemȱNutzerȱ[…]ȱInformationenȱ bereitzustellen,ȱdieȱesȱihnenȱerlauben,ȱDokumenteȱentsprechendȱihrerȱVorgabenȱ(z.ȱB.ȱSpraȬ che)ȱzuȱerhalten.“ȱ ANFORDERUNG 12: KONTEXTUELLE HILFEN „Derȱ Nutzerin,ȱ demȱ Nutzerȱ sindȱ Informationenȱ zumȱ Kontextȱ undȱ zurȱ Orientierungȱ beȬ reitzustellen.“ȱȱ InternetpräsenzenȱbestehenȱnichtȱseltenȱausȱeinemȱkomplexenȱNetzwerkȱausȱweitȱ überȱ hundertȱ Einzelseiten,ȱ undȱ dieseȱ wiederumȱ ausȱ einzelnenȱ InformationseleȬ menten.ȱDeshalbȱistȱdieȱOrientierungȱnichtȱeinfach,ȱundȱBenutzerȱhabenȱhäufigȱdasȱ<br />
<br />
82ȱ<br />
<br />
2ȱGrundlagenȱdesȱUserȱInterfaceȱDesignȱ<br />
<br />
Gefühl,ȱetwasȱWesentlichesȱübersehenȱzuȱhabenȱ(„LostȱinȱHyperspace“ȬDilemma).ȱ TypischeȱFragen,ȱwelcheȱdieȱBedienoberflächeȱdemȱBenutzerȱjederzeitȱbeantwortenȱ mussȱsindȱetwa:ȱ„Woȱbinȱich?“,ȱ„Woȱkannȱichȱvonȱhierȱausȱhin?“,ȱ„Wieȱkommeȱichȱ wiederȱzurück?“.ȱȱ DieȱerstenȱbeidenȱBedingungenȱbehandelnȱdieȱVerwendungȱvonȱFrames,ȱsindȱaberȱ auchȱfürȱAJAXȬAnwendungenȱvonȱBedeutung,ȱdaȱdieseȱebenfallsȱbestimmtenȱTeilȬ bereichenȱ derȱ Seiteȱ individuelleȱ Funktionenȱ zuordnen.ȱ Eineȱ semantischeȱ AusȬ zeichnungȱsolcherȱFunktionsbereicheȱistȱinȱ(X)HTMLȱnurȱrudimentärȱmöglich.ȱMitȱ dieserȱTechnologieȱistȱesȱsehrȱschwierig,ȱbeispielsweiseȱNutzernȱvonȱScreenreadernȱ deutlichȱzuȱmachen,ȱaufȱwelcherȱPositionȱeinȱAJAXȬSliderȬElementȱstehtȱundȱwelȬ cheȱManipulationsmöglichkeitenȱesȱbietet.ȱȱ Eineȱ signifikanteȱ Verbesserungȱ derȱ semantischenȱ Beschreibungȱ vonȱ Dokumentenȱ könnteȱkünftigȱdieȱSpezifikationȱderȱWAIȱfürȱzugänglicheȱreichhaltigeȱInternetanȬ wendungenȱ (Accessibleȱ Richȱ Internetȱ Applications,ȱ ARIA)ȱ bringen,ȱ welcheȱ sichȱ derzeitȱ inȱ einerȱ fortgeschrittenenȱ Entwurfsphaseȱ befindet.74ȱ ARIAȱ bautȱ aufȱ (X)HTMLȱaufȱundȱgestattetȱesȱmitȱHilfeȱzusätzlicherȱAttribute,ȱdieȱRollen,ȱZustänȬ de,ȱEigenschaftenȱundȱBeziehungenȱvonȱElementenȱauszuzeichnen.ȱDieseȱzusätzliȬ chenȱInformationenȱsindȱnichtȱnurȱfürȱassistiveȱTechnologienȱwieȱScreereaderȱbeȬ deutsam,ȱsondernȱauchȱeinȱwichtigerȱSchrittȱaufȱdemȱWegȱzumȱSemantischenȱWebȱ (Webȱ3.0).ȱKönnenȱUserȬAgentenȱdieȱzusätzlichenȱAttributeȱnichtȱauswerten,ȱignoȬ rierenȱsieȱdieseȱgemäßȱdemȱHTMLȬPrinzipȱderȱAbwärtskompatibilität.ȱ Bedingungȱ12.1ȱ „JederȱFrameȱistȱmitȱeinemȱTitelȱzuȱversehen,ȱumȱNavigationȱundȱIdentifikationȱzuȱermögȬ lichen.“ȱȱ Derȱ Einsatzȱvonȱ Framesȱ istȱ grundsätzlichȱ umstritten.ȱ Entscheidetȱ manȱ sich,ȱWebȬ präsenzenȱmitȱFramesȱzuȱgestalten,ȱsoȱmüssenȱdieseȱbeiȱVerwendungȱvonȱXHTMLȱ mitȱ demȱ <titel>ȬElementȱ ausgezeichnetȱ seinȱ undȱ imȱ Fallȱ vonȱ HTMLȱ mitȱ demȱ <name>ȬElement.ȱ DieȱBezeichnungȱdesȱFramesȱsollteȱsprechendȱgewähltȱwerden,ȱsoȱdassȱderȱBesuȬ cherȱaufȱdenȱInhaltȱschließenȱkann,ȱz.ȱB.ȱsolltȱderjenigeȱFrame,ȱwelcherȱdieȱNavigaȬ tionȱ beinhaltet,ȱ auchȱ mitȱ ȈNavigationȈȱ undȱ nichtȱ mitȱ Positionsangabenȱ wieȱ "top"ȱoderȱ"left"ȱbenanntȱsein.ȱ Bedingungȱ12.2ȱ „Derȱ Zweckȱ vonȱ Framesȱ undȱ ihreȱ Beziehungȱ zueinanderȱ istȱ zuȱ beschreiben,ȱ soweitȱ diesȱ nichtȱausȱdenȱverwendetenȱTitelnȱersichtlichȱist.“ȱȱ<br />
<br />
ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 74ȱ Sieheȱhttp://www.w3.org/TR/waiȬaria/.ȱ<br />
<br />
2.2ȱBarrierefreiheitȱ<br />
<br />
83ȱ<br />
<br />
Dasȱ Aktivierenȱ vonȱ Hyperlinksȱ innerhalbȱ einesȱ Framesȱ kannȱ zuȱ Änderungenȱ inȱ anderenȱFramesȱführen,ȱbeispielsweiseȱresultiertȱausȱderȱBetätigungȱeinesȱHyperȬ linksȱimȱNavigationsȬFrameȱinȱallerȱRegelȱeineȱÄnderungȱimȱInhaltsȬFrame.ȱȱ Fürȱ Anwendungenȱ (Browser,ȱ Suchmaschinencrawlerȱ etc.),ȱ dieȱ keineȱ Framesȱ unȬ terstützen,ȱ könnenȱ Inhaltȱ undȱ Beziehungenȱ vonȱ Framesȱ imȱ <noframes>ȬBereichȱ hinterlegtȱwerdenȱ(Abbildungȱ52).ȱBeiȱAnwendungen,ȱdieȱzwarȱFramesȱerkennen,ȱ aberȱ nichtȱ anzeigenȱ könnenȱ (z.ȱ B.ȱ Sprachausgabesysteme)ȱ kannȱ dasȱ longdescȬ Attributȱ inȱ einemȱ <frame>ȬTagȱ aufȱ eineȱ barrierefreieȱ HTMLȬSeiteȱ mitȱ ausführliȬ cherȱBeschreibungȱverweisen.ȱ <head> <title>Sprechende Bezeichnung des Frames Hier steht die Beschreibung des Inhalts für Anwendungen, die keine Frames unterstützen, wie z. B. Suchmaschinencrawler
fürȱ„headerȱlevelȱ#“)mitȱTextabsätzenȱ(ȱfürȱ„paȬ ragraph“)ȱ Unnummerierteȱ (
ȱ fürȱ „unorderedȱ list“)ȱ undȱ nummerierteȱ Listenȱ (ȱfürȱ„orderedȱlist“)ȱmitȱEinträgenȱ(ȱfürȱ„listȱitem“)ȱ Tabellenȱ ()ȱ mitȱ Kopfzellenȱ (ȱ fürȱ „tableȱ header“)ȱ undȱ Zeilenȱ ( ȱ fürȱ „tableȱ row“)ȱ undȱ bzw.ȱ einfachenȱ Datenzellenȱ (ȱ fürȱ „tableȱ,ȱ ȱundȱ ȱerreichen.ȱ Formulare,ȱ beiȱ denenȱ zusammengehörigeȱ Formularelementenȱ mitȱ demȱ ȬTagȱ gruppiertȱ undȱ perȱ ȬTagȱ mitȱ einerȱ GruppenȬ überschriftȱ versehenȱ werdenȱ könnenȱ (sieheȱ Abbildungȱ 53,ȱ Seiteȱ 84ȱ undȱ Abbildungȱ54,ȱSeiteȱ85).ȱ Zusätzlicheȱ Erleichterungȱ beiȱ derȱ Orientierungȱ bietenȱ ZusammenȬ fassungenȱ vonȱ Tabelleninhaltenȱ (sieheȱ Bedingungȱ 5.5,ȱ Seiteȱ 70)ȱ sowieȱ beiȱ längerenȱ Textenȱ dasȱ Voranstellenȱ verlinkterȱ Inhaltsverzeichnisseȱ mitȱ AnȬ kernȱ imȱ Text,ȱ dieȱ esȱ demȱ Benutzerȱ gestatten,ȱ direktȱ inȱ einenȱ vonȱ ihmȱ geȬ wünschtenȱBereichȱundȱzurückȱzumȱInhaltsverzeichnisȱzuȱspringen.ȱȱȬTagȱ erreichen.ȱ Innerhalbȱ desȱ Tagsȱ kannȱ mitȱ demȱ ȬAttributȱ eineȱ logischeȱ Beziehungȱ zuȱ eiȬ nemȱ durchȱ dasȱ Universalattributȱ idȱ eindeutigȱ benanntenȱ Eingabeelementȱ hergeȬ stelltȱ werdenȱ (Abbildungȱ54).ȱ Dieseȱ Vorgehensweiseȱ verbessertȱ allgemeinȱ dieȱBeȬWählen Sie ihr Mensaessen für morgen aus! oderȱ )ȱ undȱ einȱ zweitesȱ fürȱ dieȱ Wertzuweisungȱ ().ȱ Währendȱ dasȱ ȬAttributȱ primärȱ Eigenschaftenȱ definiert,ȱ dieȱ fürȱ Webserverȱ bestimmtȱ sindȱ (wieȱ etwaȱ denȱ Zeitpunktȱ derȱ letztenȱ Änderungȱ einerȱ Internetseite),ȱliefertȱdasȱȬAttributȱInformationenȱfürȱauslesendeȱProgramȬ meȱwieȱBrowserȱoderȱSuchmaschinencrawler.ȱȱ Inȱ HTMLȱ gibtȱ esȱ obligatorischeȱ undȱ optionaleȱ MetaȬTags.ȱ Fürȱ valideȱ Dokumenteȱ unerlässlichȱsindȱdieȱAngabeȱdesȱzuȱverwendendenȱZeichensatzesȱundȱderȱSpracheȱ (Abbildungȱ 55),ȱ inȱ diesemȱ Beispielȱ alsoȱ derȱ Zeichensatzȱ 8859Ȭ1ȱ (Lateinischȱ 1)ȱ derȱ InternationalȱOrganizationȱforȱStandardizationȱ(ISO)ȱ75ȱundȱdieȱSpracheȱDeutsch76.ȱȬTag,ȱ <meta>ȬTagsȱ wieȱ etwaȱ dasȱ Veröffentlichungsdatum,ȱ dieȱ durchȬ schnittlicheȱÄnderungshäufigkeit,ȱdasȱDatumȱderȱletztenȱIndizierung,ȱeinȱdigitalerȱ FingerabdruckȱinȱFormȱeinerȱPrüfsummeȱundȱderȱVerweisȱaufȱdasȱentsprechendeȱ DokumentȱimȱRepositoryȱüberȱeineȱeindeutigeȱIdentifikationsnummerȱ(DokumenȬ tenȬID).ȱȱ WannȱwelcheȱInternetadressenȱvonȱeinemȱderȱmehrerenȱMillionenȱsimultanȱarbeiȬ tendenȱCrawlerȱbesuchtȱundȱausgewertetȱwird,ȱsteuertȱderȱScheduler.ȱDiesesȱPlaȬ nungsprogrammȱ beziehtȱ dieȱ URLsȱ vomȱ Indexȱ undȱ legtȱ fest,ȱ obȱ Crawlerȱ primärȱ nachȱneuenȱSeitenȱsuchenȱoderȱschonȱindizierteȱSeitenȱaktualisierenȱsollen.ȱWannȱ undȱwieȱoftȱeineȱSeiteȱbesuchtȱundȱsomitȱaktualisiertȱwird,ȱentscheidetȱerȱanhandȱ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 83ȱ Dieȱ Spezifikationenȱ allerȱ Medientypenȱ lassenȱ sichȱ unterȱ http://www.iana.ȱ org/assignments/mediaȬtypes/ȱeinsehen.ȱ 84ȱ InternetȱProtocolȱ(engl.)ȱ=ȱInternetȬProtokoll.ȱȬTag,.ȱ <meta>ȬTagsȱ oderȱ Hierarchiestufenȱ imȱ Textȱ wieȱ ,ȱ ȱ etc.).ȱ Eineȱ ÜbereinȬ stimmungȱderȱInformationenȱinȱȬTagȱundȱdenȱ<meta>ȬTagsȱmitȱdenȱspäȬ terȱausȱdemȱInhaltȱgeneriertenȱSchlüsselwortenȱ(Keywords)ȱwirktȱsichȱpositivȱaufȱ dieȱBeurteilungȱderȱSeiteȱaus.ȱ Nebenȱ einerȱ sorgfältigenȱ Wortwahlȱ istȱ auchȱ dieȱ Validitätȱ desȱ Codesȱ vonȱ BedeuȬ tung.ȱObwohlȱderȱParserȱbeimȱNormalisierenȱfehlertolerantȱarbeitet,ȱkönnenȱgrobeȱ Syntaxverstößeȱ zuȱ Fehlinterpretationenȱ führen,ȱ wieȱ vergesseneȱ Klammernȱ oderȱ desȱBackslashsȱeinesȱHTMLȬTags,ȱTippfehlerȱinȱTagsȱoderȱAttributen,ȱundȱZeichen,ȱ dieȱnichtȱimȱASCIIȬCodeȱenthaltenȱsind.ȱȱ Wortidentifikationȱ Dieȱ automatischeȱ Indexierungȱ derȱ bereinigtenȱ Dokumenteȱ beginntȱ mitȱ derȱ WortȬ identifikation.ȱ Umȱ zusammengehörigeȱ Zeichenfolgenȱ erkennenȱ zuȱ können,ȱ liestȱ dieȱIndexierȬKomponenteȱdasȱDokumentȱZeichenȱfürȱZeichenȱinȱeinenȱZwischenȬ speicherȱundȱgleichtȱdieseȱmitȱeinerȱListeȱdefinierterȱSeparatorenȱabȱ(z.ȱB.ȱPluszeiȬ chen,ȱBindestrich,ȱSatzzeichenȱundȱLeerzeichen).ȱSobaldȱeinȱWortseparatorȱauftritt,ȱ werdenȱdieȱbisȱdahinȱgefundenenȱZeichenȱgruppiert,ȱalsȱWortȱgespeichertȱundȱderȱȬTagȱ bzw. xml:langȬAttribut,ȱȬTag,ȱsieheȱSeiteȱ67).ȱDiesȱreichtȱaberȱzumȱ zweifelsfreienȱErkennenȱderȱSpracheȱnichtȱaus,ȱdaȱdieȱTagsȱnichtȱimmerȱbzw.ȱnichtȱ immerȱkorrektȱbelegtȱsind.ȱȱ Deshalbȱ setzenȱ Suchmaschinenȱ spezielleȱ Algorithmenȱ aufȱ Basisȱ desȱ HiddenȬ MarkovȬModells85ȱein,ȱwelcheȱdieȱWortlisteȱjeweilsȱfürȱeineȱbestimmteȱSpracheȱaufȱ dasȱ Vorkommenȱ typischerȱ Eigenartenȱ wieȱ spezielleȱ Buchstabenȱ oderȱ SonderzeiȬ chenȱuntersuchtȱ[Erlhoferȱ2007,ȱS.ȱ92f.].ȱBeispielsweiseȱdeutenȱhäufigeȱUmlauteȱaufȱ dieȱ deutscheȱ oderȱ türkischeȱ Spracheȱ hin,ȱ dasȱ Vorkommenȱ desȱ Buchstabenȱ nȱ mitȱ Tildeȱ (ñ)ȱ oderȱ aufȱ demȱ Kopfȱ stehendeȱ Fragezeichenȱ (¿)ȱ aufȱ Spanisch,ȱ sowieȱ dasȱ AuftretenȱvonȱCedilleȱ(çȇ),ȱvielenȱApostrophenȱ(´)ȱundȱAkzenten,ȱinsbesondereȱdesȱ accentȱcirconflexeȱ(^),ȱaufȱFranzösischȱusw.ȱ Wortgruppensegmentierungȱ Geradeȱ beiȱ einerȱ konstruktivistischenȱ Spracheȱ wieȱ demȱ Deutschenȱ istȱ esȱ wichtig,ȱ zusammengesetzteȱWörterȱ(insbesondereȱSubstantive)ȱinȱihreȱeinzelnenȱBestandteiȬ leȱ aufzuspalten,ȱ damitȱ auchȱ nachȱ diesenȱ Einzelwörternȱ gesuchtȱ werdenȱ kann.ȱ Soȱ zerlegtȱdieȱMehrwortgruppenidentifikationȱbeispielsweiseȱeinȱkomplexesȱWortȱwieȱ „Dampfschifffahrtskapitän“ȱ durchȱ Vergleichȱ mitȱ einemȱ Wörterbuchȱ inȱ „Dampf“,ȱ „Schiff“,ȱ „Dampfschiff“,ȱ „Schifffahrt“,ȱ „Kapitän“ȱ undȱ „Schifffahrtskapitän“,ȱ undȱ derȱ Indexȱ würdeȱ beiȱ jedemȱ dieserȱ Begriffeȱ aufȱ dieȱ Webpräsenzȱ desȱ DampfschiffȬ fahrtskapitänsȱ verweisen.ȱDaȱ diesesȱVerfahrenȱ sehrȱaufwändigȱist,ȱ wirdȱ esȱ bisherȱ nurȱseltenȱeingesetzt.ȱ Wortstammanalyseȱ AnschließendȱkannȱdieȱSuchmaschineȱdieȱeinzelnenȱWörterȱaufȱihrenȱWortstammȱ hinȱanalysierenȱ(Wordstemming).ȱDadurchȱlassenȱsichȱbeiȱeinerȱRechercheȱautomaȬ tischȱVariationenȱeinesȱWortesȱberücksichtigen,ȱdieȱdurchȱVorsilbenȱundȱKonjugaȬ tionȱ bzw.ȱ Deklinationȱ entstehen.ȱ Wordstemmingȱ istȱ aufȱ Grundȱ derenȱ einfacherȱ Grammatikȱ vorȱ allemȱ beiȱ derȱ Analyseȱ englischsprachigerȱ Dokumenteȱ gebräuchȬ lich.ȱ Beiȱ Dokumenten,ȱ dieȱ derȱ komplexerenȱ deutschenȱ Grammatikȱ folgen,ȱ istȱ dasȱ Verfahrenȱ vielȱ aufwändigerȱ undȱ wirdȱ bisherȱ nurȱ inȱ Ausnahmefällenȱ eingesetzt.ȱ Daherȱ solltenȱ imȱ Dokumentȱ auchȱ typischeȱ Flexionenȱ derȱ wichtigstenȱ Begriffeȱ soȬ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ 85ȱ DasȱHiddenȬMarkovȬModellȱistȱeinȱdemȱrussischenȱMathematikerȱAndreiȱAndȬ rejewitschȱ Markowȱ (1856ȱ –ȱ 1922)ȱ benanntesȱ stochastischesȱ Modell,ȱ dasȱ häufigȱ zurȱMustererkennungȱeingesetztȱwird,ȱz.ȱB.ȱbeiȱderȱBildȬ,ȱSchriftȬȱundȱSprachȬ erkennung.ȱȬTag)ȱundȱinȱanderenȱStrukturȬ ȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱȱ Wortȱist,ȱdestoȱbedeutenderȱistȱes)ȱformulierteȱZipfȱinȱdenȱ1930erȱJahrenȱauchȱ GesetzeȱüberȱWortlängeȱundȱHäufigkeitȱ(jeȱhäufigerȱeinȱWortȱist,ȱdestoȱkürzerȱ istȱes)ȱsowieȱAlterȱundȱHäufigkeitȱ(jeȱhäufigerȱeinȱWortȱist,ȱdestoȱälterȱistȱes).ȱ 87ȱ Sieheȱhttp://www.gslis.utexas.edu/~ssoy/organizing/l391d2c.htm.ȱ 88ȱ Hitȱ(engl.)ȱ=ȱTreffer.ȱ 89ȱ Anchorȱ(engl.)ȱ=ȱAnker;ȱhier:ȱAusgangspunktȱeinesȱVerweises.ȱ 90ȱ Fancyȱ(engl.)ȱ=ȱbesonders,ȱausgefallen,ȱbevorzugt.ȱ 91ȱ Plainȱ(engl.)ȱ=ȱeinfach.ȱ
ȱ ȱ Abbildungȱ21:ȱ BeispielȱfürȱeinenȱBITVȬkonformenȱAlternativȬTagȱ