Bitte um Meinungen

[MO]

Hallo zusammen

Bitte schaut euch doch mal meine neue Webseite  unter http://www.mosnet.de an.

Habe versucht...oder versuche noch immer...sie wirklich barrierefrei zu gestalten und weiß nun nicht, ob es noch irgendwo Barrieren gibt welche ich noch nicht bedacht habe.

Auch sonstige Kritik ist mir sehr willkommen

Danke euch vielmals

Gruß

MO

[Ashura]

Hallo.

Habe versucht...oder versuche noch immer...sie wirklich barrierefrei zu gestalten und weiß nun nicht, ob es noch irgendwo Barrieren gibt welche ich noch nicht bedacht habe.

Die Navigation solltest du lieber mit Text gestalten und dafür keine Bilder verwenden, denn so kann man mit einem Screenreader, oder fehlerhaft dargestelltem CSS die Links kaum als solche nutzen.

Aber ansonsten recht gut gelungen! :)

Gruß, Ashura

[wahsaga]

hi,

Die Navigation solltest du lieber mit Text gestalten und dafür keine Bilder verwenden, denn so kann man mit einem Screenreader, oder fehlerhaft dargestelltem CSS die Links kaum als solche nutzen.

schmarrn, wofür hat er denn die alt-attribute mit passenden werten bestückt.

allerdings sollte mal überlegt werden, ob so eine navigation nicht auch von derauszeichnung her als liste zu implementieren wäre.

gruß,
wahsaga

[Ashura]

Hallo.

schmarrn, wofür hat er denn die alt-attribute mit passenden werten bestückt.

Tja, wenn ich im FF mal spaßenshalber die CSS-Unterstützung abschalte, sehe ich nur noch 7 kleine Kästchen, anstelle der Links (auch wenn sie nach wie vor verlinkt sind.)

Gruß, Ashura

[Twilo]

Hallo,

schmarrn, wofür hat er denn die alt-attribute mit passenden werten bestückt.

Tja, wenn ich im FF mal spaßenshalber die CSS-Unterstützung abschalte, sehe ich nur noch 7 kleine Kästchen, anstelle der Links (auch wenn sie nach wie vor verlinkt sind.)

meinst du das?

mfg
Twilo

[Ashura]

Hallo.

meinst du das?

Exakt, das meinte ich. Bei dieser Bilgröße kann man das ALT Attribut beim Besten willen nicht lesen.

(Danke für den Screenshot, Twilo.)

Gruß, Ashura

[MO]

Exakt, das meinte ich. Bei dieser Bilgröße kann man das ALT Attribut beim Besten willen nicht lesen.

Hm...und wie kann man das umgehen und trotzdem die Links als Bilder verwenden?
Probleme über Probleme.......

[Ashura]

Hallo.

Hm...und wie kann man das umgehen und trotzdem die Links als Bilder verwenden?

Verwende statt style="width:85px;height:32px;border:0px;" zumindest "echte" Größenangaben, also <img... width="85" height="32" />, das ist schon alles. ;)

Gruß, Ashura

[Felix Riesterer]

Hi MO,

Hm...und wie kann man das umgehen und trotzdem die Links als Bilder verwenden?
Probleme über Probleme.......

... indem Du die Bildgröße in Pixeln definierst? (<img src="images/menuitem.gif" title="Home" alt="Home" style="width:85px;height:32px;border:0px;" height="123" width="456" />)

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[MO]

... indem Du die Bildgröße in Pixeln definierst? (<img src="images/menuitem.gif" title="Home" alt="Home" style="width:85px;height:32px;border:0px;" height="123" width="456" />)

Oki...danke...dacht, damit wäre das nicht mehr valide....aber ist es wohl doch.
Habe es entsprechend geändert....vielen Dank

[Twilo]

Hallo,

... indem Du die Bildgröße in Pixeln definierst? (<img src="images/menuitem.gif" title="Home" alt="Home" style="width:85px;height:32px;border:0px;" height="123" width="456" />)

Oki...danke...dacht, damit wäre das nicht mehr valide....aber ist es wohl doch.
Habe es entsprechend geändert....vielen Dank

sieht jetzt wie folgt aus, Opera zeigt immer noch nix an :-)

mfg
Twilo

[Ashura]

Hallo.

... indem Du die Bildgröße in Pixeln definierst? (<img src="images/menuitem.gif" title="Home" alt="Home" style="width:85px;height:32px;border:0px;" height="123" width="456" />)

Versuche es spaßenshalber mal mit <img src="images/menuitem.gif" title="Home" alt="Home" style="border:0px;" height="123" width="456" />

Gruß, Ashura

[Candid Dauth]

Hallo du da draußen,

... indem Du die Bildgröße in Pixeln definierst? (<img src="images/menuitem.gif" title="Home" alt="Home" style="width:85px;height:32px;border:0px;" height="123" width="456" />)

Rein theoretisch widerspricht das dem Konzept von HTML – denn die Bildgröße ist ja wohl keine logische Auszeichnung. Und rein theoretsich vermindern solche Angaben ja die Barrierefreiheit, da bei großer Schrift nun der Alternativtext tatsächlich abgeschnitten wird… ohne Breitenangaben hätte er das Bild afaik so weit ausgedehnt, dass man ihn vollständig hätte lesen können. So – nur warum hat das jetzt nicht funktioniert?

Grüße von hier drinnen, aus Biberach an der Riss,
Candid Dauth (Dogfish)

[Candid Dauth]

Hallo du da draußen,

So – nur warum hat das jetzt nicht funktioniert?

So – ich habe mir jetzt deine geniale Konstruktion nochmal genauer angesehen… ;-)

Dein Navigationslink besteht also aus einem Bild, das irgendetwas ≈ nichts darstellt… Mit CSS weist du dann dem Link als Hintergrundbild das ganze Bild des Navigationslinks zu. Nun ist es ja klar, warum man bei abgeschaltetem CSS den Navigationspunkt nicht mehr sieht – das ‚leere‘ Bild bleibt, es wird also der Alternativtext nicht angezeigt, und das eigentliche Link-Bild verschwindet, da dieses mit CSS eingebunden wurde.

Nur – warum so umständlich? Warum bindest du nicht einfach das Linkbild als <img> ein? Dann sähe man es auch ohne CSS. Und wenn du dieses ‚Nichts‘ unbedingt brauchst, kannst du das ja als Hintergrundbild einbinden.

Ich hoffe, dass ich jetzt nicht irgendetwas übersehen habe, und dass es damit dann klappt… :-)

Grüße von hier drinnen, aus Biberach an der Riss,
Candid Dauth (Dogfish)

[MO]

Hallo

So – ich habe mir jetzt deine geniale Konstruktion nochmal genauer angesehen… ;-)

Dankeschön...ich fasse das als Kompliment auf....

Nur – warum so umständlich? Warum bindest du nicht einfach das Linkbild als <img> ein? Dann sähe man es auch ohne CSS. Und wenn du dieses ‚Nichts‘ unbedingt brauchst, kannst du das ja als Hintergrundbild einbinden.

Ich habe diese Lösung gewählt, um den Mouse-over-Effekt für die verschiedenen Grafiken mit CSS statt mit JavaScript zu realisieren.
Funktioniert tadellos in jedem getesteten Browser.....und ist valide...

Andersherum würde es wiederum nicht funktionieren.

Aber mit dem Alt-Attribut hast du natürlich recht....da uß ich mir noch Gedanken machen....

Gruß nach drinnen

MO

[Candid Dauth]

Hallo du da draußen,

Ich habe diese Lösung gewählt, um den Mouse-over-Effekt für die verschiedenen Grafiken mit CSS statt mit JavaScript zu realisieren.
Funktioniert tadellos in jedem getesteten Browser.....und ist valide...

Soweit ich das sehe, tauschest du nur die Vordergrundfarbe (Textfarbe) des Bildes aus. Da fiele mir jetzt noch die Möglichkeit ein, dass du eine GIF-Grafik (damit der M$IE das auch auf die Reihe bekommst) so baust, dass der Text transparent ist – somit könntest du beim Hover die Hintergrundfarbe des Bildes ändern, wodurch sich sozusagen die Textfarbe ändern würde.

Oder aber du nimmst die Link-Grafik ohne Hover-Effekt dorthin, und überlagerst sie dann von einer anderen Ebene, in die du mit CSS deinen Hover-Effekt einbaust. Dann hättest du ebenfalls das Problem bei deaktiviertem CSS behoben.

Möglichkeiten über Möglichkeiten… ;-)

Ansonsten muss ich sagen, dass mir das Design deiner Homepage eigentlich ganz gut gefällt… :D

Grüße von hier drinnen, aus Biberach an der Riss,
Candid Dauth (Dogfish)

[MO]

Die Navigation solltest du lieber mit Text gestalten und dafür keine Bilder verwenden, denn so kann man mit einem Screenreader, oder fehlerhaft dargestelltem CSS die Links kaum als solche nutzen.
Aber ansonsten recht gut gelungen! :)

Dankeschön

Nunja....die Navigation soll halt in eben dieser Schrift erscheinen. Aber ich habe eigentlich alles eingebaut, was einem Screenreader helfen soll trotzdem genauso navigieren zu können.
Auch wenn ich alle Grafiken im Browser ausschalte, ist die Navigation nach wie vor genauso möglich.....
Ich denke, das genügt den Anforderungen, oder?

[Ingo Turski]

Hi,

ob es noch irgendwo Barrieren gibt welche ich noch nicht bedacht habe.

die Seite Referenzen macht z.B. erhebliche Probleme bei zu großem Schriftgrad.

freundliche Grüße
Ingo

[MO]

die Seite Referenzen macht z.B. erhebliche Probleme bei zu großem Schriftgrad.

Hm...danke.
Da muß ich wohl noch bissl basteln.
Habe das Generalrezept noch nicht gefunden.....

Gruß
MO

[Twilo]

Hallo,

wenn man in Opera auf "Benutzermodus" umstellt, gibt es gar kein Menü

wenn man den Bereich markiert, sieht man, dass da noch etwas ist

wenn man also mit der Maus etwas sucht, findet man auch die Links

mfg
Twilo

[MO]

wenn man in Opera auf "Benutzermodus" umstellt, gibt es gar kein Menü

Oha.....in Opera habe ich jetzt noch nicht getestet.
Da muß ich mir noch was einfallen lassen. Vermutlich ist es dann doch besser, die Navigation als Liste zu machen und den Listenpunkten die entsrechende Breite zu geben.....

[Gunnar Bittersmann]

Habe versucht...oder versuche noch immer...sie wirklich barrierefrei zu gestalten

MO,
IMHO sind Seiten, die von einer (nicht zu knappen) Mindestbreite des Browserfensters ausgehen, damit der Inhalt ohne horizontales Scrollen zu sehen ist, nicht barrierefrei.

Gruß,
Gunnar

[Ashura]

Hallo.

Auch sonstige Kritik ist mir sehr willkommen

Dazu noch eine Kleinigkeit: Auch wenn ich es selber momentan noch auf meiner Homepage verwende, würde ich das target="_blank" lieber weglassen und dem Nutzer die Entscheidung überlassen, ob er die Seite verlassen, ein neues Fenster oder einen neuen Tab öffnen möchte.

Gerade weil ich letzteres immer mehr bevorzuge, ist ein target="_blank" recht nervig, da so sofort ein neues Browserfenster geöffnet wird.

Aber ein gut verwendetest tabindex="..." das erleichtert die Manövrierung per Tastatur.

Gruß, Ashura

[MO]

Hallo.

...würde ich das target="_blank" lieber weglassen und dem Nutzer die Entscheidung überlassen,

Ja...da hast du recht...muß ich nochmal überdenken....

Aber ein gut verwendetest tabindex="..." das erleichtert die Manövrierung per Tastatur.

Dankeschön.....ich lerne noch. Ist ein sehr komplexes Thema......

Gruß

MO

[FrankaD]

Dazu noch eine Kleinigkeit: Auch wenn ich es selber momentan noch auf meiner Homepage verwende, würde ich das target="_blank" lieber weglassen und dem Nutzer die Entscheidung überlassen, ob er die Seite verlassen, ein neues Fenster oder einen neuen Tab öffnen möchte.

also da möchte ich etwas entgegnen: eine neue seite zu öffnen sollte imho nur in den wenigsten fällen nötig sein. ist dieser umstand begründet, würde ich es automatisch machen lassen, da viele noch nicht mit context-menü umgehen. die klicken auf einen link und das wars. wenn die dadurch die seite verlassen, kommen die u.u. nie wieder, weil sie einfach nicht wissen wie.
diese erlauchte runde von experten hier bildet nicht die gesellschaft ab ;-)

F.

[Gunnar Bittersmann]

FrankaD,

die klicken auf einen link und das wars. wenn die dadurch die seite verlassen, kommen die u.u. nie wieder, weil sie einfach nicht wissen wie.

Den Zurück-Button seines Browsers dürfe auch der DAU kennen.

Gunnar

[Matzberger Marcus]

Hallo,

Den Zurück-Button seines Browsers dürfe auch der DAU kennen.

Setze bei den DAUs nicht so viel Fachwissen voraus. Ich habe schon ein paar Internetschulungen gemacht. Manchmal ist das der reine Horror. Nach 4 Stunden Schulung: "Und wie komme ich dahin wo ich gerade herkomme?"

Grüße
Marcus

[Twilo]

Hallo,

mir ist noch folgendes aufgefallen

wenn ich auf Links klicke, hab ich oft diese Ansicht

Browserunabhängig

mfg
Twilo

[MO]

Hallo,

wenn ich auf Links klicke, hab ich oft diese Ansicht

Ups...da ist wohl noch irgendwas verkehrt.....dankeschön...muß ich mal suchen

Gruß
MO