Kommentare zu: »Oops, wo bin ich?« — Ein Herz für Tastaturnutzer http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/ Für mehr Qualität im Web Mon, 06 Sep 2010 05:59:35 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Von: Webkrauts » Transparenzeffekte mit PNG-24 und CSS http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-26195 Webkrauts » Transparenzeffekte mit PNG-24 und CSS Mon, 01 Dec 2008 21:10:05 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-26195 [...] Effekte werden per CSS als MouseOver-Aktion mit der Pseudoklasse :hover definiert. Dass und wie man in der Praxis solche Effekte auch für Tastaturbenutzer mittels :focus und :active zugänglich macht, zeigt der Beitrag von Tomas Caspers. [...] [...] Effekte werden per CSS als MouseOver-Aktion mit der Pseudoklasse :hover definiert. Dass und wie man in der Praxis solche Effekte auch für Tastaturbenutzer mittels :focus und :active zugänglich macht, zeigt der Beitrag von Tomas Caspers. [...]

]]> Von: Ralph http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-25546 Ralph Mon, 14 Apr 2008 18:43:16 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-25546 Ich muss leider auch gestehen, dass ich im Moment mir keine Gedanken über die Steuerung einer Website mit Hilfe der Tastatur mache. Am Rechner nutze ich dagegen sehr viel die Tastatur und sollte doch somit den Vorteil kennen. Ich werde es aber in meinen Lernplan mit aufnehmen. Vielen Dank für den Denkanstoß. Ralph Ich muss leider auch gestehen, dass ich im Moment mir keine Gedanken über die Steuerung einer Website mit Hilfe der Tastatur mache. Am Rechner nutze ich dagegen sehr viel die Tastatur und sollte doch somit den Vorteil kennen. Ich werde es aber in meinen Lernplan mit aufnehmen. Vielen Dank für den Denkanstoß.

Ralph

]]> Von: Tomas Caspers http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23988 Tomas Caspers Wed, 09 Jan 2008 07:15:16 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23988 <blockquote><p>»Leider funktioniert :active ja nur bei Links und nicht bei div's etc. Ist dann eine Tastaturnavigation bei CSS-Menüs möglich?«</p></blockquote> Verständnisproblem: im CSS-Menü sind doch auch Links drin, oder? Sonst wäre es ja kein Navigationsmenü. Wenn ja, dann lassen sich die Dimensionen des enthaltenen Links per CSS auf die größe des umgebenden Containers ausdehnen und schon ist das ganze div anklickbar (bzw. fokussierbar). <blockquote><p>»Opera 9.5: Die beschriebene Tastaturnavigation + usw. funktioniert bei meiner Seite nicht«</p></blockquote> Opera hat grundsätzliche andere Tastaturbelegungen als alle anderen Browser, d.h. die gewohnten Shortcuts zur Tastaturnavigation aus FF, IE & Safari funktionieren dort nicht. <blockquote><p>»Danke für den target-Tipp!«</p></blockquote> Bitte

»Leider funktioniert :active ja nur bei Links und nicht bei div's etc. Ist dann eine Tastaturnavigation bei CSS-Menüs möglich?«

Verständnisproblem: im CSS-Menü sind doch auch Links drin, oder? Sonst wäre es ja kein Navigationsmenü. Wenn ja, dann lassen sich die Dimensionen des enthaltenen Links per CSS auf die größe des umgebenden Containers ausdehnen und schon ist das ganze div anklickbar (bzw. fokussierbar).

»Opera 9.5: Die beschriebene Tastaturnavigation + usw. funktioniert bei meiner Seite nicht«

Opera hat grundsätzliche andere Tastaturbelegungen als alle anderen Browser, d.h. die gewohnten Shortcuts zur Tastaturnavigation aus FF, IE & Safari funktionieren dort nicht.

»Danke für den target-Tipp!«

Bitte

]]> Von: Michael http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23986 Michael Tue, 08 Jan 2008 23:09:31 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23986 1) Der Tipp hat mich darauf gestoßen, :active/:focus nicht nur für Links einzusetzen, sondern auch für meine über Links realisierten Infoboxen. Dabei: Mozilla/IE verwenden :active und :focus entgegengesetzt, und beim IE ist in der Tat die Reihenfolge wichtig. Leider funktioniert :active ja nur bei Links und nicht bei div's etc. Ist dann eine Tastaturnavigation bei CSS-Menüs möglich? 2) Opera 9.5: Die beschriebene Tastaturnavigation + usw. funktioniert bei meiner Seite nicht, wohl aber mit . Allerdings komme ich mit nicht in den "Hauptteil" meiner Seite, sondern nur drumherum. Hat jemand ähnliche Erfahrung oder Abhilfe? 3) Danke für den target-Tipp! 1) Der Tipp hat mich darauf gestoßen, :active/:focus nicht nur für Links einzusetzen, sondern auch für meine über Links realisierten Infoboxen. Dabei: Mozilla/IE verwenden :active und :focus entgegengesetzt, und beim IE ist in der Tat die Reihenfolge wichtig.
Leider funktioniert :active ja nur bei Links und nicht bei div's etc. Ist dann eine Tastaturnavigation bei CSS-Menüs möglich?
2) Opera 9.5: Die beschriebene Tastaturnavigation + usw. funktioniert bei meiner Seite nicht, wohl aber mit . Allerdings komme ich mit nicht in den "Hauptteil" meiner Seite, sondern nur drumherum. Hat jemand ähnliche Erfahrung oder Abhilfe?
3) Danke für den target-Tipp!

]]> Von: Rainer http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23483 Rainer Mon, 17 Dec 2007 20:42:23 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23483 @Aakadasch: wer sagt das? Links sollen als solche erkennbar sein, das ist die Forderung. Optisch ist es Wurscht, ob ich underline oder eine border-bottom oder sonstwas nutze. Und die Optik zählt nur für den Sehenden. Im Sinne der allgemeinen Erwartungshaltung mag eine Unterstreichung die beste Variante für Linkkennzeichnungen sein. Wichtig ist aber, dass ich Links innerhalb von Texten als solche identifizieren kann (durch Linien, Symbole und und und). Und zwar unabhängig von Farbschemata. Links in "geschlossenen" Navibereichen brauchen keine besondere optische Auszeichnung, da der Nutzer in der Regel einen "kompakten" Navigationsbereich erkennt (vereinfacht gesagt). Tatsache ist aber, dass die meisten Entwickler den Tastaturnutzer vergessen und eben beim "Durchtabben" einer Seite keine Hervorhebungen bieten (focus), während sie dem Mouseover (hover) eventuell noch eine Chance gegeben haben. Danke Tomas und allen schöne Weihnachten! @Aakadasch: wer sagt das? Links sollen als solche erkennbar sein, das ist die Forderung. Optisch ist es Wurscht, ob ich underline oder eine border-bottom oder sonstwas nutze. Und die Optik zählt nur für den Sehenden.
Im Sinne der allgemeinen Erwartungshaltung mag eine Unterstreichung die beste Variante für Linkkennzeichnungen sein. Wichtig ist aber, dass ich Links innerhalb von Texten als solche identifizieren kann (durch Linien, Symbole und und und). Und zwar unabhängig von Farbschemata. Links in "geschlossenen" Navibereichen brauchen keine besondere optische Auszeichnung, da der Nutzer in der Regel einen "kompakten" Navigationsbereich erkennt (vereinfacht gesagt).
Tatsache ist aber, dass die meisten Entwickler den Tastaturnutzer vergessen und eben beim "Durchtabben" einer Seite keine Hervorhebungen bieten (focus), während sie dem Mouseover (hover) eventuell noch eine Chance gegeben haben.
Danke Tomas und allen schöne Weihnachten!

]]> Von: Aakadasch http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23394 Aakadasch Fri, 14 Dec 2007 15:17:37 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23394 <strong>@Boris:</strong> Eigentlich solltest du links IMMER per <code>text-decoration: underline</code> auszeichnen. @Boris: Eigentlich solltest du links IMMER per text-decoration: underline auszeichnen.

]]> Von: Daniel http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23391 Daniel Fri, 14 Dec 2007 10:55:11 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23391 Hallo Thomas, ein Thema, welches ich oft beim Besuchen anderer Internetseiten – teilweise auch bei angeblich barrierearmen – bemerkt habe. Auch hier gilt, wie so oft: kleiner Aufwand, großer Nutzen". Danke für den Beitrag :-). Viele Grüße, Dan Hallo Thomas,

ein Thema, welches ich oft beim Besuchen anderer Internetseiten – teilweise auch bei angeblich barrierearmen – bemerkt habe. Auch hier gilt, wie so oft: kleiner Aufwand, großer Nutzen".
Danke für den Beitrag :-) .

Viele Grüße,
Dan

]]> Von: Boris http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23390 Boris Fri, 14 Dec 2007 10:40:09 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23390 Schön, daran erinnert zu werden, die via Tastatur angesteuerten Links auch z.B. mittels "text-decoration:underline;" für den "Focus"- und "Active"-Zustand erkennbar auszuzeichnen. Das hatte ich bei meinem eigenen WP-Theme glatt vergessen. Schön, daran erinnert zu werden, die via Tastatur angesteuerten Links auch z.B. mittels "text-decoration:underline;" für den "Focus"- und "Active"-Zustand erkennbar auszuzeichnen. Das hatte ich bei meinem eigenen WP-Theme glatt vergessen.

]]> Von: iKArus http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23375 iKArus Fri, 14 Dec 2007 07:49:53 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23375 Hmh, wenn ich ehrlich bin, habe ich die Tastatur-User bisher zumindest beim "Webdesign" bisher total vernachlässigt. (Und das mir, der permanent immer irgendwo eine Shell etc. offen hat.) Danke für den Wink mit dem Zaunpfahl und die gute Erklärung, werde ich mir für die Zukunft mal zu herzen nehmen. :) Hmh, wenn ich ehrlich bin, habe ich die Tastatur-User bisher zumindest beim "Webdesign" bisher total vernachlässigt. (Und das mir, der permanent immer irgendwo eine Shell etc. offen hat.) Danke für den Wink mit dem Zaunpfahl und die gute Erklärung, werde ich mir für die Zukunft mal zu herzen nehmen. :)

]]> Von: /T http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/comment-page-1/#comment-23374 /T Fri, 14 Dec 2007 07:48:29 +0000 http://www.webkrauts.de/2007/12/14/oops-wo-bin-ich-ein-herz-fuer-tastaturnutzer/#comment-23374 @Matthias: alles richtig, und dazu könnte man noch viel viel mehr schreiben, aber das hätte dann nicht mehr in die selbstauferlegte Längenbegrenzung der Advents-Quickies gepasst :–) @Matthias: alles richtig, und dazu könnte man noch viel viel mehr schreiben, aber das hätte dann nicht mehr in die selbstauferlegte Längenbegrenzung der Advents-Quickies gepasst :–)

]]>