1. Startseite
  2. Inhaltsverzeichnis
  3. Glossar
  4. Hilfe
  5. Weitere Services...
  1. Barrierefrei
  2. Grundlagen
  3. Umsetzung
  4. Marketing
  5. Suchdienste
  6. Templates

Aktuelles: Archiv

Sie sind hier: StartseiteServices › Aktuelles (Archiv)

Diese Webseite ist eine Übersichtsseite älterer (RSS-)Mitteilungen und Website-Anpassungen (Changelog) des Projektes 'Die barrierefreie Website'. Stand 29.05.2011

Inhaltsübersicht:

  1. Mitteilungen und Artikel-Anpassungen 2009
  2. Mitteilungen und Artikel-Anpassungen 2008
  3. Mitteilungen 2007

Mitteilungen und Artikel-Anpassungen 2009

Mitteilungen des Jahres 2009, aktuellste Beiträge an erster Stelle:

Seite überarbeitet: Kontakt / Impressum

13.11.2009: SMS-Link (Möglichkeit, eine Kurzmitteilung zu senden) auf Kontakt- und Impressum-Seite integriert und nur in der mobilen Ansicht freigeschaltet.

DibaWe-News: Zusätzliche kurze Domain

12.11.2009: Das Projekt 'Die barrierefreie Website' ist nun auch unter der Domain dibawe.de erreichbar.

Lesen Sie mehr zu Zusätzliche kurze Domain
DibaWe-News: 'Die barrierefreie Website' bekennt Farbe!

19.06.2009: Die Seiten des Projektes 'Die barrierefreie Website' präsentieren sich in einem neuen Gewand - die Hauptkategorien "bekennen Farbe". Auch einige Artikel wurden überarbeitet und erweitert.

Lesen Sie mehr zu 'Die barrierefreie Website' bekennt Farbe!
Artikel überarbeitet: "Umsetzung - Sprache"

18.06.2009: Abschnitt über Sprachwechsel erweitert (häufig eingesetzte Wörter, die ausgezeichnet werden müssen und Sonderfälle, die nicht ausgezeichnet werden brauchen).
zum überarbeiteten Artikelabschnitt Sprachwechsel

Artikelabschnitt ergänzt: "Umsetzung - Überschriften"

18.06.2009: Inhalt teilweise umformuliert und Abschnitt über die Verwendung von Überschrifter erster Ordnung (<h1>-Element) eingearbeitet.
zum ergänzten Artikelabschnitt Überschrift h1 - nur einmal oder beliebig oft pro Seite?

Artikelabschnitt ergänzt: "Umsetzung - Container"

18.06.2009: Abschnitt über die Umsetzung dynamischer Container-Höhen (zur Vermeidung von optischen Überschneidungen bei langen oder skalierten Inhalten) eingearbeitet.
zum ergänzten Artikelabschnitt Hinweise zur Formatierung von Containern

Artikel überarbeitet: "Umsetzung - Formulare"

17./18.06.2009: Hinweis auf Mauszeiger-Fokus in Eingabefeldern bei Verwendung des <label>-Elementes und Probleme bei der Schriftvergrößerung sowie entsprechendes Beispiel als Lösungsvorschlag ergänzt.
zum überarbeiteten Artikelabschnitt Eingabefelder

Artikel überarbeitet: "Grundlagen - Navigationshilfen"

17.06.2009: Abschnitt über Navigationspfad erweitert (wann ist die Angabe eines sog. Brotkrumenpfades notwendig und wo befindet sich ein solcher in diesem Projekt).
zum überarbeiteten Artikelabschnitt Navigationspfad

Artikelabschnitt ergänzt: "Umsetzung - Listen"

17.06.2009: Abschnitt über Definitionslisten (<dl>-Element) und deren Einsatzmöglichkeiten (z.B. für Glossar, Index, Artikelvorschau oder Bild und Bildunterschrift) eingearbeitet.
zum ergänzten Artikelabschnitt Definitionslisten

Artikel überarbeitet: "Umsetzung - Verweise"

17.06.2009: Abschnitt über Skip-Links erweitert (nur bei Fokus sichtbare Sprungnavigatoren, Notwendigkeit der Sichtbarkeit des Sprungziels).
zum überarbeiteten Artikelabschnitt Skip-Links

Artikel überarbeitet: "Umsetzung - Sprache"

11.06.2009: Abschnitt über verständliche Sprache erweitert (Liste einfacher Wörter statt Fremdwörter).
zum überarbeiteten Artikelabschnitt Verständliche Sprache

Seite überarbeitet: "Hilfe"

10.06.2009: Inhalte der Hilfe-Seite aktualisiert.
zur Seite Hilfe

Seite überarbeitet: Layout

19.05.2009: Weitere CSS-Anpassungen, Integration einer umfangreichen Service-/Hilfsnavigation im Fußbereich jeder Seite, Verweise zur einfachen und erweiterten Suche in Servicenavigation integriert.

Seite überarbeitet: Umstellung auf neues Layout

15.05.2009: Das alte Layout bleibt als CSS-Datei im Styleswitcher als "Layout 2008" erhalten.

DibaWe-News: Frohe Ostern 2009!

09.04.2009: Ich wünsche allen Lesern der 'Die barrierefreie Website'-News und allen Besuchern dieser Seite ein angenehmes und erholsames Osterfest 2009!

Lesen Sie mehr zu Frohe Ostern 2009!
DibaWe-News: Barrierefreies Webdesign - Templates

12.03.2009: Zur Unterstützung des ITIB-Alltagsgeschäftes wurden 12 Web-Templates in verschiedenen Layout-Varianten entwickelt. Dieser Newsletter gibt einen Einblick in Umsetzung, Aufbau und zusätzliche Eigenschaften dieser Seitenvorlagen.

Lesen Sie mehr zu Barrierefreies Webdesign: Templates
Seite überarbeitet: Grafiken

05./06.03.2009: title-Attribut bei Grafiken ergänzt.

Artikel überarbeitet: Templates

02.-05.03.2009: Templates (Seitenvorlagen) überarbeitet, entsprechende XHTML- sowie CSS-Quelltext-Beispieldateien und Template-Beschreibungen (Quelltext-Ausschnitte, Kurzbeschreibungen, Bildschirmfotos) angepasst.
zum Abschnitt Ausführliche Beschreibung der einzelnen Templates

Artikelabschnitt ergänzt: "Templates - Seitenvorlagen"

03.03.2009: Abschnitt über zusätzliche Eigenschaften der Seitenvorlagen (Auflösung, Seiten-Positionierung, Skip-Links, Sprungmarken, Favicon, Brotkrumenpfad) eingearbeitet.
zum ergänzten Artikelabschnitt Zusätzliche Eigenschaften der Templates

Artikel überarbeitet: "Umsetzung - Grafiken"

01.03.2009: Abschnitt zum Browser-Verhalten bei Bild-Attributen (alt, title, longdesc) und ausgelagertes ausführliches Beispiel überarbeitet.
zum überarbeiteten Artikel Grafiken

Artikel überarbeitet: Quelltext-Beispiele

27.02.-01.03.2009: Quelltext-Beispiele angepasst: Elemente, Attribute und Inhalt farblich voneinander abgesetzt und teilweise Kommentare zum besseren Verständnis ergänzt.

Artikel überarbeitet: "Umsetzung - Verweise"

27.02.2009: Abschnitt zu Skip-Links und entsprechendes Beispiel überarbeitet.
zum überarbeiteten Artikelabschnitt Skip-Links

Artikel überarbeitet: "Grundlagen - Tastaturbedienung"

17.02.2009: Hinweis auf accesskey-Umsetzung für Safari ergänzt. Zusätzlich entsprechender Tastaturkürzel-Hinweis auf allen Seiten ergänzt.
zum überarbeiteten Artikelabschnitt Tastatur-Kurzbefehle

Seite überarbeitet: Layout für Kleinbildschirme

15./16.02.2009: CSS-Datei für Kleinbildschirme (Handy, PDA) hinzugefügt und bestehende Formatzuweisungen angepasst.

DibaWe-News: Barrierefreies Webdesign - Suchmaschinen-Optimierung

12.02.2009: Die Optimierung einzelner Webseiten ist kein einmaliger Prozess, sondern ein Kreislauf von Veränderungen und Beobachten der Auswirkung. Die Ergebnisse müssen regelmäßig überprüft und entsprechend nachjustiert werden.

Lesen Sie mehr zu Barrierefreies Webdesign: Suchmaschinen-Optimierung
Artikelabschnitt ergänzt: "Barrierefrei - Web Content Accessibility Guidelines"

19.01.2009: Abschnitt zum Aufbau der am 11. Dezember 2008 veröffentlichten WCAG 2.0 eingearbeitet.
zum ergänzten Artikelabschnitt Web Content Accessibility Guidelines 2.0

DibaWe-News: Barrierefreies Webdesign - Schlüsselwörter und Domain-Daten

08.01.2009: Die Wahl der Schlüsselwörter wirkt sich direkt auf den Erfolg einer Website aus und ist eine der schwierigsten Aufgaben im gesamten Optimierungsprozess. Eine kontinuierliche Auswertung von Logfiles gibt zeitnahe Hinweise, ob Webseiten erfolgreich sind. Parallel zu Banner- oder Newsletter-Kampagnen kann bspw. das Besucherverhalten analysiert und eine zugriffs- und auslastungsbezogene Auswertung durchgeführt werden.

Lesen Sie mehr zu Barrierefreies Webdesign: Schlüsselwörter und Domain-Daten

Seitenanfang

Mitteilungen und Artikel-Anpassungen 2008

Mitteilungen des Jahres 2008, aktuellste Beiträge an erster Stelle:

DibaWe-News: Barrierefreies Webdesign - Marketing-Aspekte

11.12.2008: Die Website sollte immer Bestandteil der Kommunikationsstrategie des Unternehmens sein. Neben den Erfolgsfaktoren Inhalt, Design und Navigation ermöglichen Kommunikationsfaktoren wie E-Mails, Newsletter und Newsfeeds eine nutzerfreundliche Informationsweitergabe, deren kombinierter Einsatz langfristig ein wichtiges Abgrenzungskriterium gegenüber Mitbewerbern sein kann.

Lesen Sie mehr zu Barrierefreies Webdesign: Marketing-Aspekte
Artikel überarbeitet: "Grundlagen - Tastaturbedienung"

18.11.2008: Hinweis auf accesskey-Umsetzungen für Macintosh ergänzt.
zum überarbeiteten Artikelabschnitt Tastatur-Kurzbefehle

Artikel überarbeitet: "Suchdienste - Status-Codes"

13.11.2008: Hinweis auf Apache-Webserver bei Einsatz einer .htaccess-Datei ergänzt.
zum überarbeiteten Artikelabschnitt Fehlerabfrage durch Status-Codes

DibaWe-News: Barrierefreies Webdesign - CSS-Formatzuweisungen

13.11.2008: Das Extrahieren aller Präsentations-Informationen aus dem Inhalt ist ein Kernpunkt des barrierefreien bzw. barrierearmen Webdesign. Über Cascading Style Sheets werden Webseiten formatiert und das Layout festgelegt. Es werden exemplarische CSS-Formatzuweisungen für Textgrößen, Verweise und Navigationsleisten vorgestellt.

Lesen Sie mehr zu Barrierefreies Webdesign: CSS-Formatzuweisungen
DibaWe-News: Barrierefreies Webdesign - XHTML-Angaben im Dokumentenkörper

09.10.2008: Nach den Angaben im Dokumentenkopf geht es heute weiter mit Hinweisen zur technischen Umsetzung von XHTML-Angaben im Dokumentenkörper. Der im Browser sichtbare Inhalt steht zwischen dem öffnenden und schließenden Tag des <body>-Elementes. Das Beschreiben der Inhalte erfolgt mittels verschiedener Elemente, die z.B. Überschriften, Absätze, Listen, Tabellen und Grafiken kennzeichnen. Diese Elemente sind Teil eines barrierefreien bzw. barrierearmen Webdesign, bringen Struktur in die Webseite, ermöglichen eine gute visuelle Darstellung und kommen der Suchmaschinen-Dokumentenanalyse entgegen.

Lesen Sie mehr zu Barrierefreies Webdesign: XHTML-Angaben im Dokumentenkörper
Artikel überarbeitet: "Grundlagen - Funktionen einer Website"

07.10.2008: Hinweis auf einen externen Leitfaden zur Anbieterkennzeichnung (Impressumspflicht) eingebaut.
zum überarbeiteten Artikelabschnitt Impressumspflicht

Seite überarbeitet: Metadaten

10./11./23.09.2008: Metadaten (Seitenbeschreibung, Keywords) angepasst und versucht, die Seiten auf die Begriffe "Barrierefreies Webdesign" zu optimieren

DibaWe-News: Barrierefreies Webdesign - XHTML-Angaben im Dokumentenkopf

11.09.2008: Nach einer Sommerpause ist es wieder soweit. Heute geht es weiter mit Hinweisen zur technischen Umsetzung für ein barrierefreies bzw. barrierearmes Webdesign. Dazu widmen wir uns den XHTML-Angaben im Dokumentenkopf, einem im Browser größtenteils nicht sichtbaren Bereich. Der Dokumentenkopf enthält Informationen zur inhaltlichen Analyse sowie Angaben für Suchdienst-Systeme. Zum Dokumentenkopf gehören alle Angaben zwischen dem öffnenden und schließenden Tag (dt. Markierung) des <head>-Elementes.

Lesen Sie mehr zu Barrierefreies Webdesign: XHTML-Angaben im Dokumentenkopf
Seite überarbeitet: Inhaltsverzeichnis

05.08.2008: Inhaltsverzeichnis überarbeitet (Verweise auf Artikel-Überschriften 2. Ebene ergänzt und die Liste grafisch aufgepeppt)
zum überarbeiteten Inhaltsverzeichnis

Artikel überarbeitet: "Umsetzung - Verweise"

04.08.2008: Ergänzung eines Abschnittes zu sog. Skip-Links, Sprungmarken zu markanten Bereichen einer Seite, und entsprechendes Beispiel.
zum überarbeiteten Artikel Verweise

Neue Seiten: Templates

30./31.07.2008: Templates (Seitenvorlagen) überarbeitet, entsprechende XHTML- sowie CSS-Quelltexte als Beispiel-Seiten angelegt und mit Template-Artikeln verknüpft.
zum Abschnitt Ausführliche Beschreibung der einzelnen Templates

Neue Seite: Datenschutz

29.07.2008: Datenschutzerklärung eingebaut
zur Seite Datenschutz

Artikel überarbeitet: "Umsetzung - Tabellen"

25.07.2008: Ergänzung verschiedener Angaben zur Tabellenstrukturierung (thead, tfoot, tbody, scope) und entsprechendes Beispiel.
zum überarbeiteten Artikel Tabellen

Artikel überarbeitet: "Barrierefrei - Aktuelle Technologien"

25.07.2008: Ergänzung eines Hinweises auf Metaangabe bei Verwendung von Javascript (Content-Script-Type) und entsprechendes Beispiel.
zum überarbeiteten Artikel Aktuelle Technologien

Artikel überarbeitet: "Umsetzung - Grafiken"

24.07.2008: Neustrukturierung des Artikels und Ergänzung eines Abschnittes zum Browser-Verhalten bei entsprechenden Bild-Attributen (alt, title, longdesc).
zum überarbeiteten Artikel Grafiken

DibaWe-News: Barrierefreie Webseiten - Farben als Gestaltungsmedium im Web

12.06.2008: Farben sind das zentrale Element des graphischen Layout. Sie können sehr unterschiedlich wirken, Stimmungen beeinflussen, Vorstellungen wecken und Eindrücke verstärken. Bestimmt durch den kulturellen Hintergrund sowie das Geschlecht werden Farben sogar unterschiedlich wahrgenommen. Nicht jede Farbkombination kann ausreichend Kontraste aufweisen, was für die Gebrauchstauglichkeit jedoch von hoher Wichtigkeit ist. Durch entsprechende Tests ist es aber möglich, passende Kontraste zu finden, wenn für eine neue Website das Farbschema angelegt wird.

Lesen Sie mehr zu Barrierefreie Webseiten: Farben als Gestaltungsmedium im Web
DibaWe-News: Barrierefreie Webseiten - Grundlagen der Navigation

08.05.2008: Der heutige Beitrag stellt Ihnen Grundlagen der Navigation auf einer Website vor. Anhand der Navigation werden Hierarchien und Inhalte der Website verdeutlicht. Im Idealfall sagt die Navigation etwas über Start- und mögliche Endpunkte aus. Gewöhnlich versucht der Nutzer, im Web etwas zu finden. Wie im wahren Leben wird entweder gefragt (auf Webseiten über eine Suchen-Box) oder auf gut Glück gesucht. Beim selbstständigen Suchen wird i.d.R. zuerst in den Hauptnavigatoren nach einem entsprechenden Begriff geschaut. Dann werden die Unternavigatoren betrachtet. Und mit ein bisschen Glück ist der Nutzer nach ein oder zwei Klicks bei einer passenden Liste oder Seite gelandet. Eine klare, durchdachte Navigation hinterlässt bei den Nutzern einen guten Eindruck.

Lesen Sie mehr zu Barrierefreie Webseiten: Grundlagen der Navigation
DibaWe-News: Barrierefreie Webseiten - Grundlagen des Seitenaufbaus

10.04.2008: Heute stelle ich Ihnen Grundlagen des Seitenaufbaus vor. Der Struktur einer Website kommt eine zentrale Bedeutung zu. Identität und Auftrag der Website müssen jederzeit deutlich sein, so dass dem Nutzer klar ist, auf welcher Website er sich befindet und wozu diese dient. Die Struktur muss transparent, Inhalte mit wenigen Klicks erreichbar und der aktuelle Standort innerhalb der Website erkennbar sein. Über einen hierarchischen Aufbau sind Inhalte, Leistungsmerkmale und Organisation der einzelnen Webseiten in Zusammenhang zu bringen. Wichtig ist ebenfalls eine webgerechte Aufbereitung der anzubietenden Inhalte, eine lesefreundliche Formulierung und das Hervorheben von Schlüsselwörtern.

Lesen Sie mehr zu Barrierefreie Webseiten: Grundlagen des Seitenaufbaus
DibaWe-News: Barrierefreie Webseiten - Tests und Validierung

13.03.2008: Der heutige Beitrag stellt Ihnen zum Abschluss der einführenden Grundlagen barrierefreier Webseiten den Abschnitt "Tests und Validierung" vor. Zur Validierung einer Website können (und sollten) verschiedenste Mittel genutzt werden: Gebrauchstauglichkeit-Tests mit potentiellen Nutzern, frei verfügbare Online-Validatoren des World Wide Web Consortium (W3C) sowie Browser-Plugins zur Überprüfung von Strukturierung und Formatierung.

Lesen Sie mehr zu Barrierefreie Webseiten: Tests und Validierung
DibaWe-News: Barrierefreie Webseiten - Richtlinien, Gesetze, Technologien

14.02.2008: Heute möchte ich Sie mit zwei Aspekten der Barrierefreiheit bekannt machen: Gesetzliche Grundlagen barrierefreier Webseiten und empfohlene Technologien zu deren Umsetzung. Grundvoraussetzung bei der Entwicklung einer barrierefreien Website ist der valide Einsatz aktueller Technologien wie Extensible Hypertext Markup Language (XHTML) und Cascading Style Sheets (CSS). Verschiedene Richtlinien und auch gesetzliche Grundlagen geben Hinweise und Empfehlungen für das barrierefreie Gestalten von Webseiten.

Lesen Sie mehr zu Barrierefreie Webseiten: Richtlinien, Gesetze, Technologien
DibaWe-News: Einführung zum Thema barrierefreie Webseiten

10.01.2008: Neues Jahr, neue Vorsätze. Ich möchte Ihnen im Laufe dieses Jahres die Inhalte des Projektes 'Die barrierefreie Website' ausführlicher vorstellen. Sie erhalten so in regelmäßigem Abstand (geplant ist einmal im Monat) immer mehr Informationen zum Thema Barrierefreiheit.

Lesen Sie mehr zu Einführung zum Thema barrierefreie Webseiten

Seitenanfang

Mitteilungen 2007

Mitteilungen des Jahres 2007:

DibaWe-News: 'Die barrierefreie Website' geht online

11.11.2007: Das Projekt 'Die barrierefreie Website' geht online! Ziel dieser Website ist es, sowohl Unternehmen als auch Webdesigner für das Thema Barrierefreiheit zu sensibilisieren und dabei unterschiedliche Aspekte aufzuzeigen - von Usability über Design bis hin zum Marketing.

Lesen Sie mehr zu 'Die barrierefreie Website' geht online

Seitenanfang

Tastaturkürzel:

  • 1: Startseite
  • 2: Barrierefrei
  • 3: Grundlagen
  • 4: Umsetzung
  • 5: Marketing
  • 6: Suchdienste
  • 7: Templates
  • 8: Inhaltsverzeichnis
  • 9: Hilfe
  • 0: Kontakt

Hinweis zur Verwendung:

  • Internet Explorer:
    [Alt + Zahl] + Enter
  • Firefox:
    [Umschalt + Alt + Zahl]
  • Opera:
    [Umschalt + Esc] + Zahl
  • Safari:
    [Alt + Zahl]
  • Tasten in Klammern müssen gleichzeitig gedrückt werden.
  • Macintosh-Nutzer nutzen bitte Strg statt Alt.

Layout:

Service-/Hilfsnavigation:

  1. Startseite
  2. Kontakt
  3. Kontaktformular
  4. Datenschutz
  5. Impressum
  6. Aktuelles
  7. Archiv
  8. Inhaltsverzeichnis
  9. Glossar
  10. Hilfe
  11. Suche