C14h:Barrierefreies Webdesign - Revision history

Joker: /* Links */ Link aktualisiert

2017-04-22T18:14:37Z

Links: Link aktualisiert

← Older revision		Revision as of 18:14, 22 April 2017
Line 103:		Line 103:
	** Mailingliste "Barrierefreies Internet": http://www.fit.fraunhofer.de/projects/bika/waide.html		** Mailingliste "Barrierefreies Internet": http://www.fit.fraunhofer.de/projects/bika/waide.html
	* Pruefprogramme:		* Pruefprogramme:
	** Simulation von Farbblindheit: ~~http~~://~~colorfilter~~.~~wickline~~.~~org~~		** Simulation von Farbblindheit: https://www.toptal.com/designers/colorfilter
	** Ein paar Prüfprogramme: http://www.juicystudio.com/		** Ein paar Prüfprogramme: http://www.juicystudio.com/
	** (X)HTML-Validator: http://validator.w3.org/		** (X)HTML-Validator: http://validator.w3.org/

Nicolas at 15:32, 30 March 2009

2009-03-30T15:32:26Z

← Older revision		Revision as of 15:32, 30 March 2009
Line 1:		Line 1:
	{{Vortrag\|		{{Vortrag\|
	TITLE = ~~BarrierefreiesWebdesign~~ \|		TITLE = Barrierefreies Webdesign \|
	AUTHOR = Alexander Koch\|		AUTHOR = Alexander Koch\|
	DATE = 3.6.2004\|		DATE = 3.6.2004\|
	LOCATION = GriTa\|		LOCATION = [[Griechische Taverne\|GriTa]]\|
	SLIDES = [~~[Image~~:Web-accessibility.pdf\|PDF]]		SLIDES = [https://www.noname-ev.de/wiki/uploads/c/c0/Web-accessibility.pdf PDF]
	}}		}}

Nicolas at 15:21, 30 March 2009

2009-03-30T15:21:56Z

← Older revision		Revision as of 15:21, 30 March 2009
Line 4:		Line 4:
	DATE = 3.6.2004\|		DATE = 3.6.2004\|
	LOCATION = GriTa\|		LOCATION = GriTa\|
	SLIDES = [~~http~~:~~//idlecrew.de:2380/vzfcz/web~~-accessibility.pdf PDF]		SLIDES = [[Image:Web-accessibility.pdf\|PDF]]
	}}		}}

Line 101:		Line 101:
	** Barrierefreies Webdesign: http://www.barrierefreies-webdesign.de/		** Barrierefreies Webdesign: http://www.barrierefreies-webdesign.de/
	** Riesige Linkliste: http://www.webaccessibility.de/		** Riesige Linkliste: http://www.webaccessibility.de/
	** Mailingliste "Barrierefreies Internet": http://~~access~~.fit.fraunhofer.de/~~waideinfo~~		** Mailingliste "Barrierefreies Internet": http://www.fit.fraunhofer.de/projects/bika/waide.html
	* Pruefprogramme:		* Pruefprogramme:
	** Simulation von Farbblindheit: http://colorfilter.wickline.org		** Simulation von Farbblindheit: http://colorfilter.wickline.org
Line 112:		Line 112:
	** Prüftool-Übersicht: http://www.webaim.org/techniques/articles/freetools/		** Prüftool-Übersicht: http://www.webaim.org/techniques/articles/freetools/
	* Beispiele:		* Beispiele:
	** Grüne Jugend Heidelberg: http://www.gruenejugend.de/heidelberg/ (Meine Webseite)		** Grüne Jugend Heidelberg: http://web.archive.org/web/*/www.gruenejugend.de/heidelberg/ (Meine Webseite)
	** Polizei NRW: http://www.polizei.nrw.de/im/		** Polizei NRW: http://web.archive.org/web/*/www.polizei.nrw.de/im/
	** Versorgungsamt Heidelberg: http://www.~~versorgungsamt~~-~~heidelberg~~.de/		** Versorgungsamt Heidelberg: http://web.archive.org/web/*/www.versorgungsverwaltung-baden-wuerttemberg.de/vahd/
	** TU Dresten, Studiengang Mol. Bio.-Techn.: http://www.biologie.tu-dresden.de/biotech/main/		** TU Dresten, Studiengang Mol. Bio.-Techn.: http://www.biologie.tu-dresden.de/biotech/main/
	** Und andere Gewinner beim Biene-Award: http://www.einfach-fuer-alle.de/~~award~~/~~gewinner~~/		** Und andere Gewinner beim Biene-Award: http://www.einfach-fuer-alle.de/biene-2008/preistraeger/
	* CSS-Einführung/Tipps:		* CSS-Einführung/Tipps:
	** CSS from Ground up: http://www.wpdfd.com/editorial/basics/index.html		** CSS from Ground up: http://www.wpdfd.com/editorial/basics/index.html

SECuRE: Vortrag: Barrierefreies Webdesign moved to C14h:Barrierefreies Webdesign

2008-07-11T16:58:39Z

Vortrag: Barrierefreies Webdesign moved to C14h:Barrierefreies Webdesign

← Older revision	Revision as of 16:58, 11 July 2008
(No difference)

Shl: BarrierefreiesWebdesign moved to Vortrag: Barrierefreies Webdesign: sieht schoener aus

2007-11-15T11:26:36Z

BarrierefreiesWebdesign moved to Vortrag: Barrierefreies Webdesign: sieht schoener aus

← Older revision	Revision as of 11:26, 15 November 2007
(No difference)

Shl: falsche Kategorie

2007-11-15T11:26:12Z

falsche Kategorie

← Older revision		Revision as of 11:26, 15 November 2007
Line 122:		Line 122:
	** A List Apart: http://www.alistapart.com/		** A List Apart: http://www.alistapart.com/

	[[Category:~~Vortrag~~]]		[[Category:Vorträge]]

Botty: Bot: Changing categories

2007-11-15T11:24:23Z

Bot: Changing categories

← Older revision		Revision as of 11:24, 15 November 2007
Line 121:		Line 121:
	** CSS-Zen-Garden: http://www.csszengarden.com/		** CSS-Zen-Garden: http://www.csszengarden.com/
	** A List Apart: http://www.alistapart.com/		** A List Apart: http://www.alistapart.com/

			[[Category:Vortrag]]

Botty: Robot: Cosmetic changes

2007-09-07T12:50:23Z

Robot: Cosmetic changes

PhilFry at 20:09, 4 August 2007

2007-08-04T20:09:23Z

← Older revision		Revision as of 20:09, 4 August 2007
Line 3:		Line 3:
	AUTHOR = Alexander Koch\|		AUTHOR = Alexander Koch\|
	DATE = 3.6.2004\|		DATE = 3.6.2004\|
	LOCATION = GriTa		LOCATION = GriTa\|
			SLIDES = [http://idlecrew.de:2380/vzfcz/web-accessibility.pdf PDF]
	}}		}}

Shl: da hatte es die Formatierung zerhauen

2007-07-07T08:40:47Z

da hatte es die Formatierung zerhauen

← Older revision		Revision as of 15:32, 30 March 2009
Line 1:		Line 1:
	{{Vortrag\|		{{Vortrag\|
	TITLE = ~~BarrierefreiesWebdesign~~ \|		TITLE = Barrierefreies Webdesign \|
	AUTHOR = Alexander Koch\|		AUTHOR = Alexander Koch\|
	DATE = 3.6.2004\|		DATE = 3.6.2004\|
	LOCATION = GriTa\|		LOCATION = [[Griechische Taverne\|GriTa]]\|
	SLIDES = [~~[Image~~:Web-accessibility.pdf\|PDF]]		SLIDES = [https://www.noname-ev.de/wiki/uploads/c/c0/Web-accessibility.pdf PDF]
	}}		}}

← Older revision		Revision as of 12:50, 7 September 2007
Line 16:		Line 16:
	profitieren davon.		profitieren davon.

	Wir kennen alle die ~~&bdquo;Bitte~~ installieren Sie den Internet ~~Explorer“~~-Webseiten		Wir kennen alle die „Bitte installieren Sie den Internet Explorer“-Webseiten
	und Word-Only-Versionen von Dokumenten und ärgern uns darüber. Wir können diese		und Word-Only-Versionen von Dokumenten und ärgern uns darüber. Wir können diese
	Barriere teilweise umgehen, doch können andere das auch? Dazu sollte man sich		Barriere teilweise umgehen, doch können andere das auch? Dazu sollte man sich
Line 48:		Line 48:
	(kurz: BITV) sogar bald gesetzlich Pflicht.		(kurz: BITV) sogar bald gesetzlich Pflicht.

	Während dem Vortrag wird auch der Mythos ~~&bdquo;Textversion“~~ besprochen		Während dem Vortrag wird auch der Mythos „Textversion“ besprochen
	und versucht einen Ausweg aus der immer noch vorherrschenden Browser- und		und versucht einen Ausweg aus der immer noch vorherrschenden Browser- und
	Auflösungsoptimierung zu finden. Barrierefreie Webseiten sehen, entgegen		Auflösungsoptimierung zu finden. Barrierefreie Webseiten sehen, entgegen
Line 84:		Line 84:
	erheblich bei der Navigation, indem sie als standardisierte Symbolleiste zum		erheblich bei der Navigation, indem sie als standardisierte Symbolleiste zum
	Erreichen fester Link-Definitionen direkt im Browser integriert angezeigt		Erreichen fester Link-Definitionen direkt im Browser integriert angezeigt
	werden. So können Sie zum Beispiel in der Symbolleiste auf ~~&bdquo;Inhalt“~~ klicken		werden. So können Sie zum Beispiel in der Symbolleiste auf „Inhalt“ klicken
	und gelangen auf die Seitenübersicht des Internetangebots. Power-Surfern werden		und gelangen auf die Seitenübersicht des Internetangebots. Power-Surfern werden
	auch die Zugriffstasten gefallen, mit denen sich die einzelnen Links mit einen		auch die Zugriffstasten gefallen, mit denen sich die einzelnen Links mit einen
Line 112:		Line 112:
	** Prüftool-Übersicht: http://www.webaim.org/techniques/articles/freetools/		** Prüftool-Übersicht: http://www.webaim.org/techniques/articles/freetools/
	* Beispiele:		* Beispiele:
	** Grüne Jugend Heidelberg: http://www.gruenejugend.de/heidelberg/ (Meine Webseite)		** Grüne Jugend Heidelberg: http://www.gruenejugend.de/heidelberg/ (Meine Webseite)
	** Polizei NRW: http://www.polizei.nrw.de/im/		** Polizei NRW: http://www.polizei.nrw.de/im/
	** Versorgungsamt Heidelberg: http://www.versorgungsamt-heidelberg.de/		** Versorgungsamt Heidelberg: http://www.versorgungsamt-heidelberg.de/

← Older revision		Revision as of 08:40, 7 July 2007
Line 57:		Line 57:
	auch <b>semantisch korrektes HTML</b> zu schreiben, das komplett		auch <b>semantisch korrektes HTML</b> zu schreiben, das komplett
	<b>von jeglicher Form der Präsentation getrennt</b> ist; diese wird dann über Stilvorlagen bestimmt.		<b>von jeglicher Form der Präsentation getrennt</b> ist; diese wird dann über Stilvorlagen bestimmt.
	Die Trennung bewirkt die Abschaffung des alten <font>-Tags, vereinfacht die		Die Trennung bewirkt die Abschaffung des alten <nowiki><font></nowiki>-Tags, vereinfacht die
	Wartung des Codes erheblich, sorgt für konsistentes Aussehen innerhalb		Wartung des Codes erheblich, sorgt für konsistentes Aussehen innerhalb
	des gesamten Webangebots und stellt sicher, dass der Nutzer die		des gesamten Webangebots und stellt sicher, dass der Nutzer die
Line 70:		Line 70:
	Wichtige Aspekte wie <b>Farbwahl</b> (zum Beispiel der Rot-Grün-Unterschied bei		Wichtige Aspekte wie <b>Farbwahl</b> (zum Beispiel der Rot-Grün-Unterschied bei
	Farbenblinden, die ja immerhin acht Prozent der männlichen Bevölkerung		Farbenblinden, die ja immerhin acht Prozent der männlichen Bevölkerung
	einnehmen), <b>räumliche Aufteilung und Techniken</b> dazu (~~<nowiki>~~Frames-/Tabellen-/CSS-Layout~~</nowiki>~~), Zugängliche Gestaltung von <b>Formularen und Datentabellen</b>,		einnehmen), <b>räumliche Aufteilung und Techniken</b> dazu (Frames-/Tabellen-/CSS-Layout), Zugängliche Gestaltung von <b>Formularen und Datentabellen</b>,
	Wahl von <b>Alternativ-Texten für Bilder</b>, Metainformationen und		Wahl von <b>Alternativ-Texten für Bilder</b>, Metainformationen und
	Entwicklung eines <b>dynamischen Layouts</b> werden nicht unerwähnt bleiben.		Entwicklung eines <b>dynamischen Layouts</b> werden nicht unerwähnt bleiben.
Line 80:		Line 80:
	Audio-Schnittstellen (Diese werden leider nur von Emacspeak unterstützt)		Audio-Schnittstellen (Diese werden leider nur von Emacspeak unterstützt)
	realisieren lassen. Ebenso soll auch ein Blick auf die äußerst nützlichen		realisieren lassen. Ebenso soll auch ein Blick auf die äußerst nützlichen
	<link>-Tags geworfen werden: Diese sogenannten Relational Links unterstützen		<nowiki><link></nowiki>-Tags geworfen werden: Diese sogenannten Relational Links unterstützen
	erheblich bei der Navigation, indem sie als standardisierte Symbolleiste zum		erheblich bei der Navigation, indem sie als standardisierte Symbolleiste zum
	Erreichen fester Link-Definitionen direkt im Browser integriert angezeigt		Erreichen fester Link-Definitionen direkt im Browser integriert angezeigt
Line 116:		Line 116:
	** TU Dresten, Studiengang Mol. Bio.-Techn.: http://www.biologie.tu-dresden.de/biotech/main/		** TU Dresten, Studiengang Mol. Bio.-Techn.: http://www.biologie.tu-dresden.de/biotech/main/
	** Und andere Gewinner beim Biene-Award: http://www.einfach-fuer-alle.de/award/gewinner/		** Und andere Gewinner beim Biene-Award: http://www.einfach-fuer-alle.de/award/gewinner/
	* ~~<nowiki>~~CSS-Einführung/Tipps~~</nowiki>~~:		* CSS-Einführung/Tipps:
	** CSS from Ground up: http://www.wpdfd.com/editorial/basics/index.html		** CSS from Ground up: http://www.wpdfd.com/editorial/basics/index.html
	** CSS-Zen-Garden: http://www.csszengarden.com/		** CSS-Zen-Garden: http://www.csszengarden.com/
	** A List Apart: http://www.alistapart.com/		** A List Apart: http://www.alistapart.com/