2 Lesezeichen für barrierefrei
Tipps und Tricks rund um HTML/CSS
Tipp 1: HTML-Check http://validator.w3.org/ Tipp 2: CSS-Check http://jigsaw.w3.org/css-validator/ Tipp 3: HTML-Check (Alternative in Deutsch) http://validator.de.selfhtml.org/ Tipp 4: "Web Content Accessibility Guidelines 1.0"-Check http://webxact.watchfire.com/ (2007 von IBM gekauft, Dienst wurde eingestellt) http://www.w3.org/WAI/ER/tools/complete/ Tipp 5: "U.S. Section 508 Guidelines"-Check http://www.contentquality.com/fulloptions.asp Tipp 6: Wie sieht eine Suchmaschine meine Seite... http://www.delorie.com/web/lynxview.html Tipp 7: HTML- und CSS-Referenz in Deutsch http://de.selfhtml.org/ Tipp 8: Usability, Psychologie, Ergonomie, Kommunikation http://kommdesign.de/texte/ Tipp 9: Tipp von ganesh im Browser-Forum (Danke ganesh) http://www.hilfdirselbst.ch/...ods/browserlinks.php Tipp 10: Tipp entfernt, da nicht mehr gültig Tipp 11: Internet vs. Papier (Danke Sabine) http://www.dodabo.de/...oel_kein_papier.html Tipp 12: Navigationen mit CSS, Bilder/Text-Wechsel mit CSS (Danke Pozor) http://www.meyerweb.com/eric/css/edge/ Tipp 13: Alles Rund um Listen http://css.maxdesign.com.au/index.htm Tipp 14: CSS-Bugs im Internet Explorer und deren Hacks http://positioniseverything.net/explorer.html Tipp 15: CSS-Bugs im Opera und deren Hacks http://positioniseverything.net/op-omnibus.html Tipp 16: CSS-Bugs im Mozilla (Gecko) und deren Hacks http://positioniseverything.net/gecko.html Tipp 17: Welche Schriften sind auf den verschiedenen Betriebssystemen installiert? (Danke Dirk) Übersicht , Windows , Mac , Unix Tipp 18: Wie sehen Farbenblinde meine Website? http://vischeck.com/ (Inkl. PS-Filter als Download) http://colorfilter.wickline.org/ Tipp 19: Artikel über den Sinn der Barrierefreiheit. http://www.testticker.de/...icle20060104034.aspx Tipp 20: Das "Box-Model" und seine Probleme http://de.selfhtml.org/...mate/box_modell.htm# Tipp 21: Gute Designs zur Inspiration und zum downloaden (Danke Sabine) http://openwebdesign.org/ http://www.oswd.org/ Tipp 22: Wie unterscheide ich die verschiedenen IEs (Conditional Comments) http://msdn.microsoft.com/...ms537512(en-us).aspx http://www.javascriptkit.com/howto/cc2.shtml http://de.selfhtml.org/...chen.htm#alternative http://www.positioniseverything.net/...idepages/cond_1.html Tipp 23: Das IE-Box-Model und die verschiedenen Doctypes http://www.w3.org/.../valid-dtd-list.html http://css.maxdesign.com.au/...c/about-boxmodel.htm Tipp 24: flash valide einbauen http://www.dodabo.de/html+css/flashsatay/ Tipp 25: alternative Stylesheets anbieten/einbauen (CSS Stylesheet-Switcher) http://www.dynamicdrive.com/...ylesheetswitcher.htm http://www.inetsolution.com/...e-switcher-howto.asp Tipp 26: Wie sieht meine Seite in verschiedenen Browsern aus http://browsershots.org Tipp 27: Wie breit soll ich meine Webseiten planen (Viewport und Auflösung) http://aktuell.de.selfhtml.org/.../aufloesung-viewport Tipp 28: Wer kennt welche CMS - ein Vergleich - eine kleine Hilfe http://www.hilfdirselbst.ch/...che_CMS_P257151.html Tipp 29: Mehrere IEs auf einem Computer gleichzeitig laufen lassen. http://browsers.evolt.org/?ie/win32/standalone (Download der IEs) http://www.lipfert-malik.de/...ial/multiple-ie.html (Anleitung zum Einbauen) http://blog.case.edu/...ning_on_same_machine (Jetzt auch mit IE8) oder http://tredosoft.com/Multiple_IE (Danke Bernhard) Tipp 30: Nützliche Zusatztools für Webdeveloper http://getfirebug.com/ (Danke Bernhard) https://addons.mozilla.org/firefox/60 http://www.tingelets.com/ (Danke Bernhard) https://addons.mozilla.org/de/firefox/addon/5369 (Danke Philyra) http://zappatic.net/...ects/safarivalidator (Danke Meister Propper) Tipp 31: Style Master 4.03 kostenlos zum Download http://maclife.de/index.php?module=pagesetter&func=viewpub&tid=1&pid=1995 (Danke Lady Stardust) [leider nicht mehr erhältlich] Tipp 32: How to Create an Image Map Using CSS http://www.webreference.com/...image_map/index.html (Danke Sabine) Tipp 33: Wurde meine Website geklont, bzw. der Inhalt geklaut? http://www.copyscape.com/ Tipp 34: CSS in E-Mails, oder "wo die Welt noch dunkler ist als bei Browsern" http://www.campaignmonitor.com/css/ Tipp 35: Tool um Farben am Bildschirm zu messen (Danke Bernhard) http://de.geocities.com/fritz_kunkel/Programmierung/programming.htm (nicht mehr erreichbar) Tipp 36: Witziges Spiel zum Thema "Accessibility, Barrierefreiheit und Webstandards" (Danke Bernhard) http://www.vorsprungdurchwebstandards.de/...ierefrei-checkliste/ Tipp 37: Dust me selectors "Nichtverwendete Styles finden" (Danke ganesh) http://www.sitepoint.com/dustmeselectors/ Tipp 38: CSS in E-Mails der Acid-Test http://www.email-standards.org/...ur-own-email-client/ Wie die verschiedenen Clients abschneiden http://www.email-standards.org/clients/ Tipp 39: Ermitteln der Sprache des Browsers http://aktuell.de.selfhtml.org/...kel/php/httpsprache/ Tipp 40: Styling an input type="file" http://www.quirksmode.org/dom/inputfile.html Tipp 41: Zeichenreferenz (Welche Zeichen gibt es?) http://www.terena.org/...s/html-eurolat1.html (Danke Bernhard) http://de.selfhtml.org/...referenz/zeichen.htm Tipp 42: CSS Reset http://meyerweb.com/...5/01/reset-reloaded/ Tipp 43: Facebook, Myspace und Twitter in Newsletter intergrieren http://emailmarketingtipps.wordpress.com/...acebook-und-myspace/ http://www.wprecipes.com/...is-to-twitter-button Tipp 44: Gratis Profi Newsletter Templates zum downloaden http://www.lyris.com/...mail-templates-html/ http://www.campaignmonitor.com/templates/ Tipp 45: Welche Websites sind sonst noch auf meinem Server http://www.axandra.com/...ed-hosting-check.php Tipp 46: Time-Check, wielange dauert das laden meiner Webseite http://tools.pingdom.com/ Tipp 47: HTML-E-Mail Tester (Firefox Add-on) http://email-marketing.me/ Tipp: 48: CSS-Debugging: CSS-Hacks versus Conditional Comments http://www.heise.de/...per/artikel/144149/0 Tipp: 49: Problematik bzgl. Farbenausgabe aus Photoshop (Danke Bernhard) http://www.viget.com/...save-for-web-simply/ Tipp: 50: SEO Tools - Search Engine Optimization Tools http://www.webconfs.com/ Tipp 51: Überprüfen, bzw. suchen von toten Links http://www.dead-links.com/ http://validator.w3.org/checklink Tipp 52: Welche Flash-Versin habe ich und was ist aktuell http://www.adobe.com/software/flash/about/ http://get.adobe.com/de/flashplayer/ Tipp 53: Marktanteile von Browsern, Plugins, Bildschirmgrössen usw. ... http://www.webhits.de/deutsch/webstats.html http://marketshare.hitslink.com/ Tipp 54: Browserweiche per CSS (etwas veraltet ...) http://www.lipfert-malik.de/...s-weiche-filter.html Tipp 55: Microsoft dokumentiert Abweichungen von IE7 und IE8 von W3C-Standards http://msdn.microsoft.com/...0829%28VS.85%29.aspx Tipp 56: Speedtest für Deine Website http://www.webpagetest.org/ Tipp 57: Schriften im Web testen und vergleichen http://www.typetester.org/ Spezialisten-Tipp 1: HTML 4.01-Spezifikation (Deutsch) http://edition-w3.de/...EC-html401-19991224/ Spezialisten-Tipp 2: XHTML 1.0-Spezifikation (Deutsch) http://www.edition-w3c.de/...REC-xhtml1-20020801/ Spezialisten-Tipp 3: CSS2-Spezifikation (Deutsch) http://edition-w3c.de/...8/REC-CSS2-19980512/ Spezialisten-Tipp 4: CSS2.1-Spezifikation (Englisch) http://www.w3.org/...5/WD-CSS21-20050613/ Spezialisten-Tipp 5: Alle Test Suites, Testen der Browser-Konformitäten http://www.w3.org/Style/CSS/Test/ Spezialisten-Tipp 6: World Wide Web Consortium (alle Spezifikationen) http://www.w3.org/ ...
FSt
8. Feb 2005, 22:50
Links Barrierefreie PDFs aus InDesign
So, hier die Links die ich am Besten finde: http://www.einfach-fuer-alle.de/artikel/pdf-fakten-meinungen/ http://www.einfach-fuer-alle.de/podcast/2007/kw27/ https://www.tk-online.de/centaurus/generator/tk-online.de/s05__faq/technisches/pdf/03__hinweise__sprachausgabe.html Die TK (Techniker Krankenkasse) beschreibt genau wie man den Reader so konfiguriert, dass die Inhalte der PDF mit deutscher Intonation vorgelesen werden. Ich habe den Workaround noch nicht getestet, aber es hört sich wirklich vielversprechend an. http://www.barrierefreies-webdesign.de/knowhow/pdf/ http://www.incobs.de/produktinfos/screenreader/pdf-test/index.php http://www.freedomscientific.com/downloads/jaws/jaws9-downloads.asp http://bik-online.info/verfahren/bitvtest/2005/index.php http://www.mainweb.at/blog/2008/04/02/adobe-ich-will-mein-geld-zurueck/ In den obigen Links finden sich Regeln und Tipps zum Erstellen und Überprüfen barrierefreien PDF-Dateien, erstellt aus InDesign heraus. Grüße von PCUserin ...
PCUserin
3. Jun 2008, 09:52