Latest Updates: accessibility RSS

  • Andy 09:02 on 2009/12/17 Permalink
    Tags: accessibility,

    Interessantes, sehr einfaches Tool, um Kunden zu erklären, dass man die Startseite nicht vollknallen sollte. Technisch interessant: Das ist tatsächlich ein Frameset, lang nicht mehr gesehen…

    http://browsersize.googlelabs.com/

     

  • Andy 17:00 on 2009/06/08 Permalink
    Tags: accessibility

    Annähernd barrierefreies Menü:

    http://pfirsichmelba.de/artikel-scripts/suckerfish-barrierefrei.html

     

  • Claudia 10:31 on 2009/06/05 Permalink
    Tags: accessibility

    Problem Bilder:
    Wichtige Informationen, die für das Verständnis des Inhalts oder das Bedienen von Funktionen von Bedeutung sind, dürfen nicht als Hintergrundbilder per CSS eingebunden werden, da sie unter Umständen nicht dargestellt werden.
    * Möglichst vermeiden. Wenn FIR –Variante mit Negativwerten wie oben verwenden.
    * sIFR ist nicht barrierefrei (das Probleme bei indivduellen Browser Einstellungen)
    -> Kompromiss im Design erforderlich
    -> Auf jeden Fall Beschreibungen ergänzen.

     

    • Andy 12:24 on 2009/06/05 Permalink | Log in to Reply

      Was heißt “Wenn FIR –Variante mit Negativwerten wie oben verwenden.”?

      • Claudia 08:57 on 2009/06/08 Permalink | Log in to Reply

        Streicht bitte das “wie oben” -> gemeint war das hier:
        [html]
        span.unsichtbar {
        position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; }
        [/html]

  • Claudia 10:18 on 2009/06/05 Permalink
    Tags: accessibility

    Thema Navigation Barrierefrei:
    Sprungmarken (angemessen) für wichtigste Bereiche verwenden um direkte Navigation zu den Blöcken zu ermöglichen, Titel: „zur Hauptnavigation“. (auch Springen direkt zum Inhalt sinnvoll):

    Überschriften (h2-h6) für Navigation setzen und direkt über Listelemente setzten

    Auszeichnung der Navi für Lesbarkeit mit Screenreadern:
    • Nummerierung der Navigation (”1.2.3: Menütitel” -> Leerzeichen beachten und Doppelpunkt setzen). Ziel: „Erschließung der Site-Struktur von beliebigen Einstiegspunkten aus.
    • Abstand zwischen Links gundsätzlich einen unsichtbaren Punkt als Trennung setzten (möglichst kein |)
    • „Current Link“ in Navi kennzeichnen

    Beispiel für eine Barrierefreie Navigation:

    <div id="menue">
<h2>Navigation</h2>
<!-- Die Liste für die erste Ebene -->
<ul>
  <li><a href="foo.html"><dfn>1: </dfn>Struktur</a>
      <span class="unsichtbar">. </span>
   <!-- Einbettung der Liste für die zweite Ebene -->
   <ul>
     <li><a href="foo.html" title="Über das div-Element"><dfn>1.1: </dfn>
      Bereiche</a><span class="unsichtbar">. </span></li>
      <li><strong><dfn>1.2: </dfn><span class="unsichtbar">Standort:
      </span>Listen</strong><span class="unsichtbar">. </span></li>
    </ul>
   </li>
   <-- Ende der Einbettung der zweiten Ebene -->
   <li><a href="foo.html"<dfn>2: </dfn>Gestaltung</a>
   <span class="unsichtbar">. </span></li>
</ul>
</div>

    CSS: (kein display: none oder visibility:hidden da das nicht alle Reader das auslesen können.)

    span.unsichtbar {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;overflow:hidden;
  display:inline;
}
     

  • Andy 08:56 on 2009/06/05 Permalink
    Tags: accessibility

    http://bs-markup.de/blog/archiv/2005/09/26/auslaufmodell-styleswitcher/

     

  • Andy 08:41 on 2009/06/05 Permalink
    Tags: accessibility

    Aha:

    Streng genommen würden die ID’s der umgebenden DIV-Tags als Linkziel zum Beispiel für interne Skip Links ausreichen. Leider ist die Unterstützung für dies Form der Navigation selbst in aktuellen Screenreadern noch so unzureichend, dass zusätzliche Tags nach der Art von a id=”inhalt” name=”inhalt”> notwendig sind, um die Ziele der Skip Links auch in alternativen Ausgabeformen erreichbar zu machen.

    (Edit) Quelle: http://www.einfach-fuer-alle.de/artikel/efa-relaunch/2006/teil4/

     

  • Andy 08:33 on 2009/06/05 Permalink
    Tags: accessibility

    Artikelserie zum Relaunch von einfach-fuer-alle.de:

    http://www.einfach-fuer-alle.de/artikel/efa-relaunch/2006/

     

  • Claudia 00:35 on 2009/06/05 Permalink
    Tags: accessibility

    Hmm Schriftskalierungsbutton auf Websiten ja/nein?
    Das wird sehr unterschiedlich betrachtet
    http://www.einfach-fuer-alle.de/blog/id/2232/
    Meiner Ansicht nach sollte die Site grundsätzlich nicht die Browserfunktionalitäten nachbilden müssen. Andererseits ist hier bei vielen Nutzern auch kein Wissen über solche Hilfen vorhanden.
    …ich bin für weglassen! Die Argumente dagegen überwiegen. Und es macht für Sehbehinderte auch eher Sinn die Grundschriftgröße zu verändern.

     

  • Claudia 23:17 on 2009/06/04 Permalink
    Tags: accessibility

    Barrierefrei: Auflistung aller 14 Anforderungen der Priorität I und Ihrer Bedingungen mit Diskussion über Vorgehensweise und Sinn
    http://www.einfach-fuer-alle.de/artikel/bitv-reloaded/anforderung-1/

     

  • Claudia 10:14 on 2009/06/03 Permalink
    Tags: accessibility

    Sehr interessant zur den Anforderungen für Barrierefreieheit und Tests
    http://www.bitv-test.de/index.php

     

  • Andy 09:27 on 2009/06/03 Permalink
    Tags: accessibility

    Guter Artikel über Bildersetzung:

    http://www.einfach-fuer-alle.de/artikel/image-replacement-nicht-barrierefrei/

    sIFR wird in Deutschland auch nicht als barrierefrei anerkannt:

    http://www.einfach-fuer-alle.de/blog/id/1006/

    Zu cufon gibt es noch keinen deutschen Artikel.

     

  • Claudia 09:26 on 2009/06/03 Permalink
    Tags: accessibility

    Barrierefrei -> das wird die Grafiker nicht immer freuen:
    “Warn: Each ol or ul element that appears to be a navigation bar or menu should be immediately preceded by a header element (h2..h6).”
    Heißt wohl – Jede Navigtion braucht einen Titel?

     

    • Andy 09:27 on 2009/06/03 Permalink | Log in to Reply

      Jupp, der kann aber versteckt sein. Guck mal bei verdi, da hat jede Navi einen Titel.

    • Claudia 09:32 on 2009/06/03 Permalink | Log in to Reply

      Ja richtig das geht auch barrierefrei:

      <h2 class="invisible">Hauptnavigation</h2>

      .invisible { height:1px; left:-2000px; position:absolute; top:-2000px;}

  • Claudia 09:13 on 2009/06/03 Permalink
    Tags: accessibility,

    Hmm – warum valiediert diese Doctype wohl nicht? lang=”de” scheint nicht gültig zu sein.

     

  • Claudia 17:40 on 2009/06/02 Permalink
    Tags: accessibility

    Das Attribut onfocus=”blur()” nicht verwenden! Nicht barrierefrei! Navigation dann nicht mehr per Tastatur bedienbar.

     

c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
esc
cancel