Barrierearmer ILIAS-Kursraum

Beschreibung und Beschriftung

Warum sind Beschreibungen und Beschriftungen wichtig?

Klare und genaue Beschreibungen und Beschriftungen dienen der Übersichtlichkeit. Die Beschreibungen von z.B. Links müssen außerhalb ihres Kontexts für sich stehen können und verständlich sein. Dadurch wird u.A. auch eine Navigation mit der Tabulatorentaste ermöglicht.

Wie formatiere ich Beschreibungen und Beschriftungen

Im Allgemeinen sollten sich Beschreibungen nicht nur auf sensorische Merkmale beziehen, wie im Beispiel "In der gelben Kachel finden Sie..." (siehe Abb. 1).

Nicht alle Menschen können diese sensorischen Merkmale sehen, sodass diese Beschreibung für sie nicht nachvollziehbar ist.

Ebenso sollten keine nichtssagenden Linkbeschriftung, wie z.B. "mehr...", "weiter" "hier." verwendet werden (siehe Abb. 1) - besonders dann nicht, wenn der Sinn nicht aus dem Kontext hervorgeht.

Am Besten ist es, wenn in der Linkbeschriftung ein Hinweis gegeben wird, welches Dateiformat hinter dem Link zu finden ist, z.B. durch den Zusatz "(PDF)". 

Screenshot der Eingangsseite eines ILIAS-Kursraumes, welcher besonders barrierevoll gestaltet wurde. Text mit barrierevoller Beschreibung ist rot umrahmt.
Abb. 1 Barrierefreiheitsfehler in der Beschreibung.

Um einen Link barrierearm zu beschriften, öffnen Sie zunächst ein Textfeld, indem Sie auf die Schaltfläche "Seite bearbeiten" und dann auf das Plus-Zeichen klicken. Dort wählen Sie "Text einfügen" aus. Klicken Sie auf das Textfeld. Es öffnet sich der Text-Editor.

Unter "Weitere" finden Sie die Schaltfläche für Link. Wenn Sie darauf klicken, können Sie zwischen einem externen Link, einem internen Link aus ILIAS und dem Link zu Ihrem Benutzerprofil auf ILIAS (siehe Abb. 2).

Klicken Sie zum Beispiel auf "externer Link" erscheint eine Command-Line im Textfeld: [ xln url="http://" ] [ /xln ]

Hier können Sie Ihren Link und die Beschriftung einfügen.

  • Den URL-Link fügen Sie hinter das "http:" ein, z.B.: [ xln url="http:www.tagesschau.de//" ] 
  • Die Beschriftung des Links fügen Sie zwischen die eckigen Klammern ein, z.B.:  [ xln url="http://" ] xxx [ /xln ], z.B.  [ xln url="http://" ] Link zur Internetseite der Tagesschau [ /xln ]
  • Führen Sie beide Schritte zusammen durch, sodass die command-Line folgendermaßen aussieht:  [ xln url="http:www.tagesschau.de//" ] Link zur Internetseite der Tagesschau [ /xln ] 
  • Achten Sie darauf, dass keine Leerzeichen innerhalb und zwischen den eckigen Klammern sind, ansonsten wird der URL-Link nicht angezeigt.

Der Link wird nun barrierearm angezeigt (siehe Abb. 3). Die Beschriftung kann bei den anderen Link-Arten auf die gleiche Weise eingefügt werden. 

Screenshot eines ILIAS-Kurses im Bearbeitungsmodus. Der Text-Editor ist geöffnet und die Comman-Line zum Einfügen eines Links ist im Textfeld zu sehen.
Abb. 2: Einfügen eines Links
Screenshot eines ILIAS-Kursraum mit offenem Textfeld indem ein Link mit Beschriftung zu sehen ist.
Abb. 3: Link mit aussagekräftiger Beschriftung

Weblinks als Objekte

Auch ein Weblink, der über die Schaltfläche "Objekt hinzufügen" eingefügt wird, sollte korrekt beschriftet werden.  In Abbildung 4 sehen Sie ein Beispiel eines Links, der barrierevoll beschriftet wurde. Statt einer aussagekräftigen Beschriftung, wurde hier lediglich "mehr Infos" als Angabe gemacht. Es wird außerdem kein Hinweis gegeben, welches Dateiformat sich hinter dem Link verbirgt. 

Um den Weblink hinzuzufügen und korrekt zu beschriften, klicken Sie auf die Schaltfläche "Objekt hinzufügen" und wählen aus der Liste "Weblink" aus (siehe Abb. 5).

Es öffnet sich das Weblink-Menü. Hier können Sie auswählen, ob es sich um einen einzelnen Link handelt und ob dieser aus ILIAS stammt oder nicht.

Im Freitext-Feld "Titel des Links" können Sie eine aussagekräftige Beschriftung für den Link einfügen (siehe Abb. 6).  Im Feld "Beschreibung" können Sie weitere Informationen zum Link hinzufügen.

Klicken Sie auf "speichern" und der Link wird in Ihrem Kursraum angezeigt.  

Screenshot eines ILIAS-Kursraum in Kachelansicht. Es sind drei Kacheln zu sehen. Der Titel der Weblink-Kachel "mehr Infos" ist rot umrandet.
Abb. 4: Barrierevolle Linkbeschriftung
Screenshot eines ILIAS-Kursraum. Die Liste von neuen Objekten, die hinzugefügt werden können, ist geöffnet.
Abb. 5: Neues Objekt Hinzufügen
Screenshots des ILIAS Menüs zum Einfügen eines Links.
Abb. 6: Weblink-Menü



Informationsmeldung
Bisher wurde noch kein Kommentar abgegeben.