archive-de.com » DE » D » DIE-BARRIEREFREIE-WEBSITE.DE

Total: 88

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Die barrierefreie Website: Startseite (Christiane Müller)
    BITV gesetzlich verankert Die Beachtung von Kriterien der Accessibility dt Zugänglichkeit und Usability dt Gebrauchstauglichkeit ermöglicht eine betriebssystem geräte und nutzerunabhängige Bedienbarkeit Lesen Sie mehr im Bereich Barrierefrei Grundlagen Kurzbeschreibung Das barrierefreie Umsetzen einer Website ist nicht auf den ersten Blick erkennbar Die Struktur muss transparent Inhalte mit wenigen Klicks erreichbar und der aktuelle Standort innerhalb der Website erkennbar sein Wichtig ist ebenfalls eine webgerechte Aufbereitung der anzubietenden Inhalte und eine lesefreundliche Formulierung Die Farbwahl sollte gut überlegt sein da Farben sehr unterschiedlich wirken und wahrgenommen werden Lesen Sie mehr im Bereich Grundlagen Umsetzung Kurzbeschreibung Grundvoraussetzung bei der Entwicklung einer barrierefreien Website ist der valide Einsatz aktueller Technologien wie Extensible Hypertext Markup Language XHTML und Cascading Style Sheets CSS Verschiedener Sprach Elemente kennzeichnen z B Überschriften Absätze Listen Tabellen und Grafiken Das Layout ist skalierbar Schriftgrößen sind variabel ausschließlich mausgesteuerte Ereignisse werden vermieden Lesen Sie mehr im Bereich Umsetzung Marketing Kurzbeschreibung Neben den Erfolgsfaktoren Inhalt Design und Navigation ermöglichen Kommunikationsfaktoren wie E Mails Newsletter und Newsfeeds eine nutzerfreundliche Informationsweitergabe Sowohl für Nutzer der Website als auch für Suchmaschinen sind Schlüsselwörter engl Keywords von besonderer Bedeutung Eine kontinuierliche Auswertung von Logfiles gibt zeitnahe Hinweise ob Webseiten erfolgreich sind Lesen Sie mehr im Bereich Marketing Suchdienste Kurzbeschreibung Für den Erfolg einer Website spielen Suchmaschinen eine entscheidende Rolle Aspekte wie Validität Seitenstrukturierung Qualität des Inhaltes und externe Verlinkung führen zu guten Positionen in den Ergebnislisten Dieser Abschnitt zeigt verschiedene Herangehensweisen von Suchdiensten die zu Unterschieden bei der Datenerfassung Datenauswertung und beim Suchergebnis führen Lesen Sie mehr im Bereich Suchdienste Seitenanfang Weitere Services Services Kurzbeschreibung Diese Seite gibt eine Übersicht aller neben den eigentlichen Artikeln verfügbaren Services im Projekt di ba we Kontakt Services Kontaktdaten Kontaktformular Datenschutz Erklärung Impressum News Services Changelog Änderungshistorie Hinweise auf Hilfen und Bedienung Inhaltsverzeichnis Glossar Hilfe und die seiteninterne

    Original URL path: http://www.die-barrierefreie-website.de/ (2016-02-15)
    Open archived version from archive


  • Die barrierefreie Website: Service-Übersicht (Christiane Müller)
    zur Autorin ihrer Motivation und Zielstellung Lesen Sie mehr zu Kontakt Kontaktformular Sie haben Fragen oder Anregungen Nutzen Sie das Kontaktformular um mir Ihr Anliegen mitzuteilen Lesen Sie mehr zu Kontaktformular Datenschutz Das Projekt di ba we nimmt den Schutz Ihrer persönlichen Daten sehr ernst und hält sich strikt an die Regeln der Datenschutzgesetze Lesen Sie mehr zu Datenschutz Impressum di ba we ist ein Service von ITIB Lesen Sie mehr zum Impressum Seitenanfang News Services RSS steht für Really Simple Syndication und ist ein standardisiertes Datei Format um Web Inhalte weiterzugeben RSS Feeds auch Newsfeeds sind XML Dateien die abonniert somit in regelmäßigen Abständen bezogen und unter einer einheitlichen Benutzeroberfläche gesammelt werden können Ein Verweis auf die RSS Datei news xml des Projektes di ba we befindet sich im rechten Seitenbereich unter RSS Newsfeed RSS Feed abonnieren Alle Mitteilungen des Projektes di ba we mit jeweils einem Titel einem Verweis zu einer entsprechenden Webseite sowie eine Kurzbeschreibung des zu erwartenden Inhaltes sind auch online verfügbar Changelog Diese Übersichtsseite enthält eine Liste aktueller RSS Mitteilungen und Website Anpassungen Changelog des Projektes di ba we nach Jahren getrennt und neueste Mitteilungen an erster Stelle mit Titel und kurzer Nachricht Lesen Sie mehr zu Changelog Archiv Diese Webseite ist eine Übersichtsseite älterer RSS Mitteilungen und Website Anpassungen Changelog des Projektes di ba we Lesen Sie mehr zu Archiv Seitenanfang Hilfen und Bedienung Sie suchen eine Übersicht aller verfügbaren Artikel Sie wollen verschiedene verwendete Fachbegriffe erklärt haben Oder Sie möchten sich mit auf diesen Seiten eingesetzten Aspekten der Barrierefreiheit und dem allgemeinen Seitenaufbau vertraut machen Inhaltsverzeichnis di ba we setzt sich aus verschiedenen Hauptkategorien mit jeweils mehreren Unterseiten zusammen Die Sitemap ist eine dementsprechende die Struktur abbildende Übersicht Lesen Sie mehr zum Inhaltsverzeichnis Glossar Im Glossar werden verschiedene Fachbegriffe erläutert die in den

    Original URL path: http://www.die-barrierefreie-website.de/services.html (2016-02-15)
    Open archived version from archive

  • Die barrierefreie Website: Changelog (Christiane Müller)
    als Verweis zurück zur Startseite umgesetzt Im Sinne der Nutzerfreundlichkeit wurde damit bewusst die Anforderung an Barrierefreiheit dass jeder Link eindeutig sein muss ignoriert Seitenanfang Mitteilungen und Artikel Anpassungen 2013 Mitteilungen des Jahres 2013 aktuellste Beiträge an erster Stelle Seite überarbeitet Neues Logo für di ba we 05 03 2013 Nach dem Umbau auf nur noch fünf Hauptbereiche passte das alte Logo nicht mehr zum Projektlayout Deshalb musste ein neues her Während das alte Logo mit dem grauen Kasten den Bereich Services und den farbigen Kästen die ehemals sechs Hauptkategorien repräsentierte stellt das neue Logo einen wesentlichen Aspekt barrierefreier Webseiten in den Vordergrund Das Aufbereiten und Formatieren der Inhalte von Webprojekten für unterschiedliche Endgeräte das sog responsive Design Seite überarbeitet Web Templates ausgelagert 04 03 2013 Die bisher unter dem Hauptnavigator Templates verfügbaren Seitenvorlagen wurden zu Github ausgelagert und von XHTML auf HTML5 umgebaut Um das Pflegen und Anpassen zu erleichtern wurden die Formatierungsanweisungen in zwei CSS Dateien aufgeteilt Eine Datei für die seitenübergreifenden Anweisungen für alle Templates gültig und jeweils eine Datei für Template spezifische Formatierungen ausschließlich für das jeweilige Web Template Durch die Versionsverwaltung bei Github sind Anpassungen an den Seitenvorlagen für interessierte Nutzer nachvollziehbar dokumentiert Die Templates stehen wie gewohnt auch als Download zur Verfügung als komplettes Paket bei Github zum Herunterladen Download der Seitenvorlagen zur Live Demo der Seitenvorlagen Web Templates bei Github zum Github Projekt Projektübersicht bei Github Seite überarbeitet Layout 09 02 2013 Anpassungen im Screen und Print Layout Entfernen mehrerer Trennlinien und Rahmen zur besseren Übersichtlichkeit z B für Teaser Inhaltsübersicht Beispiele und Übersichtsseiten Seitenanfang Mitteilungen und Artikel Anpassungen 2012 Mitteilungen des Jahres 2012 aktuellste Beiträge an erster Stelle Neuer Artikel HTML5 und CSS3 22 10 2012 HTML5 und CSS3 bringen Webseiten auf den neuesten Stand Vorgesehen sind neue semantische Elemente und anspruchsvolle

    Original URL path: http://www.die-barrierefreie-website.de/news/news.html (2016-02-15)
    Open archived version from archive

  • Die barrierefreie Website: Datenschutz (Christiane Müller)
    Schutz gewährleisten und welche Art von Daten zu welchem Zweck erhoben werden Datenverarbeitung auf dieser Website di ba we erhebt und speichert automatisch in ihren Server Logfiles Informationen die Ihr Browser übermittelt Dies sind Browser typ und version verwendetes Betriebssystem Referrer URL die zuvor besuchte Seite Host name des zugreifenden Rechners IP Adresse Uhrzeit der Server anfrage Diese Daten sind für di ba we nicht bestimmten Personen zuordenbar Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen Die Daten werden ausschließlich für interne Statistiken ausgewertet Weitergehende personenbezogene Daten werden nur erfasst wenn Sie diese Angaben freiwillig z B im Rahmen einer Kontaktanfrage machen Kontaktformular E Mail Wenn Sie sich über das auf der Website verfügbare Kontaktformular mit uns in Verbindung setzen möchten benötigen wir von Ihnen eine Anrede sowie eine valide E Mail Adresse Diese personenbezogenen Daten verwenden wir nur zur Beantwortung Ihrer Anfrage Eine Weitergabe an Dritte z B zu Werbezwecken erfolgt nicht Wir sind bemüht Ihre personenbezogenen Daten durch Ergreifung aller technischen und organisatorischen Möglichkeiten so zu speichern dass sie für Dritte nicht zugänglich sind Es wird darauf hingewiesen dass E Mails auf dem Übertragungsweg unbefugt und unbemerkt mitgelesen oder verändert werden können Wir setzen derzeit keine Verschlüsselungstechnik ein Bei der Kommunikation per E Mail kann die vollständige Datensicherheit von uns daher nicht gewährleistet werden Zur Übermittlung vertraulicher Informationen empfehlen wir Ihnen den Postweg Anschrift siehe Impressum Auskunftsrecht und Widerrufrecht Als Nutzer steht Ihnen hinsichtlich Ihrer persönlichen Daten ein jederzeitiges Auskunfts und Widerrufrecht zu Wenn Sie uns personenbezogene Daten übermittelt haben können Sie diese jederzeit wieder löschen lassen Bitte schicken Sie dazu eine E Mail an datenschutz die barrierefreie website de Ihr Vertrauen ist uns wichtig Daher möchten wir Ihnen jederzeit Rede und Antwort bezüglich der Verarbeitung Ihrer personenbezogenen Daten stehen Wenn Sie Fragen haben die Ihnen

    Original URL path: http://www.die-barrierefreie-website.de/datenschutz.html (2016-02-15)
    Open archived version from archive

  • Die barrierefreie Website: Changelog - Archiv (Christiane Müller)
    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 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 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 di ba we 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 di ba we 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 di ba we 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 di ba we News Barrierefreies Webdesign CSS Formatzuweisungen 13 11 2008 Das Extrahieren aller Präsentations Informationen aus dem Inhalt ist ein Kernpunkt des

    Original URL path: http://www.die-barrierefreie-website.de/news/archiv.html (2016-02-15)
    Open archived version from archive

  • Die barrierefreie Website: Fehlerseite (Christiane Müller)
    nicht verfügbar Stand 07 03 2013 Seiteninterne Druckfunktion nicht verfügbar Grund JavaScript deaktiviert Bitte nutzen Sie die Browser Druckfunktion Datei Drucken Seite nicht gefunden Fehler 404 Leider gibt es die von Ihnen angeforderte Seite nicht Vielleicht ist die Adresse der Seite nicht richtig geschrieben oder eine Suchmaschine hat Sie zu einer veralteten Seite geschickt Versuchen Sie Folgendes zum Inhaltsverzeichnis zur Startseite Falls Sie dennoch Probleme haben sollten schreiben Sie uns

    Original URL path: http://www.die-barrierefreie-website.de/code404.html (2016-02-15)
    Open archived version from archive

  • Die barrierefreie Website: Barrierefrei - HTML5 und CSS3 (Christiane Müller)
    mit figcaption eigenständiger selbsterklärender Inhalt z B Bild Video oder Text mit optionaler Überschrift time Daums Zeitangabe mark hervorgehobener als markierter gemeinter Text z B bei Suchergebnissen video und audio Multimedia Elemente progress und meter Fortschrittsbalken details mit summary Auf Zuklappbares Widget Der Internet Explorer unterstützt HTML5 Elemente erst ab Version 9 Für ältere Internet Explorer Browser die mit den neuen Elementen nicht umgehen können gibt es die freie Javascript Lösung html5shiv externer Verweis http code google com p html5shiv Diese ermöglicht ein Anzeigen der Seite auch ohne dass der Browser von sich aus die Elemente kennt Javascript Lösung für ältere Internet Explorer Browser if lt IE 9 script language javascript type text javascript src Pfadangabe html5shiv js script endif Hinweis Das script Element muss geschlossen werden ansonsten wird nur eine weiße Seite angezeigt Auch ein paar bereits archivierte Elemente sind wieder da Allerdings nicht um von Hause aus ein Format zuzuweisen sondern um die Bedeutung des ausgezeichneten Wortes oder Bereiches hervorzuheben b als bedeutungstragendes Element z B Firmenname Stichwörter frühere Bedeutung Fettschrift i für Fachausdrücke Phrasen oder z B Eigennamen frühere Bedeutung Kursivschrift small für das Kleingedruckte z B Urheberrechtshinweis Weitere Hinweise auf Änderungen befinden sich in den jeweiligen Artikeln vor allem im Bereich Umsetzung hervorgehoben in einem solchen Kasten wie diesem hier Und dann gibt es auch noch neue Attribute input textarea placeholder Temorärer Text für Eingabefeld diverse input types color date datetime datetime local email file image month number password range search tel time url week link type Zieldateityp eines Verweises wenn kein HTML Dokument sizes Attribut im Link Element in Verbindung mit rel icon Seitenanfang CSS3 zur Formatierung Um das vorgesehene Standard Verhalten bei den neuen Elementen wirklich sicherzustellen ist zumindest übergangsweise die Formatierung per CSS empfehlenswert Standard Verhalten bei neuen Elementen sicherstellen header nav section article aside footer display block time mark display inline Auch in Formatierungsangelegenheiten geht es weiter voran Die nun dritte offizielle Version CSS3 versucht natürlich ebenfalls mit der Zeit zu gehen Wie immer heißt es abwarten was davon die Browser interpretieren und wann Ein Ausblick Silbentrennung hyphens auto hyphenate limit chars ZAHL hyphenate limit lines ZAHL Text mehrspaltig darstellen Spaltenanzahl Linie und Abstand zwischen den Spalten column count 3 column rule 1px solid 000 column gap 2em Größe vom Benutzer veränderbar resize both inherit horizontal none vertical Mehrere Hintergrundbilder und weitere Optionen background clip background origin background size Rahmen und Innenabstand bzgl Elementgröße box sizing Transparenz Level opacity Schriftarten serverbasiert einbinden font face Endgeräte spezifische Anweisungen sog Media Queries Selektoren nth child last child first of type Transformationen rotating scaling Schatten Effekte box shadow text shadow Texttrennungen Umbrüche word break overflow wrap Und vieles mehr z B Animationen Rahmenbilder Farbverläufe animation border images gradients transitions Einen Überblick der Unterstützung von HTML5 und CSS3 in den verschiedensten Browser Umsetzungen und Versionen findet sich auf Can I use externer Verweis http caniuse com Einige theoretisch mögliche Angaben sind noch nirgens implementiert andere nur mit entsprechendem Browser Präfix Also heißt es dran bleiben ausprobieren

    Original URL path: http://www.die-barrierefreie-website.de/barrierefrei/html5-und-css3.html (2016-02-15)
    Open archived version from archive

  • Die barrierefreie Website: Umsetzung - Verweise im Text (Christiane Müller)
    Textfarbe Rot hervorgehoben und zusätzlich durch Unterstreichung gekennzeichnet text decoration underline Aktive Verweise sowie Verweise die per Tastaturnavigation den Fokus erlangen erhalten eine rote Hintergrundfarbe und eine weiße Textfarbe Um diese Zustandsänderung nicht alleine durch Farbe zu kennzeichnen wird der Linktext zusätzlich unterstrichen Beispiel CSS Datei Verweise Ausschnitt Verweis allgemein a link Hintergrund weiss background ffffff Textfarbe blau color 0000a3 Schriftgewicht fett font weight bold Außenabstand keiner margin 0 Innenabstand keiner padding 0 Textdekoration keine text decoration none Bereits besuchter Verweis a visited Hintergrund weiss background ffffff Textfarbe violett color 5d005d Schriftstil kursiv font style italic Schriftgewicht fett font weight bold Außenabstand keiner margin 0 Innenabstand keiner padding 0 Textdekoration keine text decoration none Verweis bei Mouse over a hover Hintergrund weiss background ffffff Textfarbe rot color b80000 Schriftgewicht fett font weight bold Außenabstand keiner margin 0 Innenabstand keiner padding 0 Textdekoration unterstrichen text decoration underline Aktiver Verweis oder Verweis mit Fokus a active a focus Hintergrund rot background b80000 Textfarbe weiss color ffffff Schriftgewicht fett font weight bold Außenabstand keiner margin 0 Innenabstand keiner padding 0 Textdekoration unterstrichen text decoration underline Das nachfolgende Bild zeigt die möglichen Layout Varianten die ein Verweis durch die angegebenen Formatierungen annehmen kann von links nach rechts unbesucht besucht Mouse over Fokus Bildbeschreibung Verweise Bildschirmfotos der vier Verweis Zustände Von links nach rechts unbesucht besucht Mouse over Fokus Die Fokus Eigenschaft wird bei der Website Entwicklung oft vergessen Ob die Fokus Eigenschaft gesetzt wurde kann durch die Navigation per Tabulator Taste überprüft werden Ändert sich ein Verweis visuell wenn er den Fokus erhält ist die Fokus Eigenschaft hinterlegt Erhält der Verweis nur einen kaum sichtbaren Rahmen wurde die Eigenschaft bei der Realisierung nicht berücksichtigt visited nur noch Farbeigenschaften Aufgrund einer bereits seit 2002 bekannten Sicherheitsproblematik mit der Browserchronik haben die Hersteller vorangehend Mozilla ab

    Original URL path: http://www.die-barrierefreie-website.de/umsetzung/verweise-im-text.html (2016-02-15)
    Open archived version from archive