nicht angemeldet
Grafiken im Web
Guten Mittag Forumsgemeinde,
wollte mal eure Meinung wissen zu folgendem Thema:
Wie sinnvoll, barrierefrei, sauber, korrekt und schön findet ihr die Verwendung von Grafiken, die nicht ein Bild sondern Inhalt der Seite repräsentieren, im Web?
Ich ziele damit auf folgendes ab: Viele verwenden für ihre Navigationen Bilder, um es mal barrierefrei zu machen, als Hintergrundbild. Nun müssen aber die Bilder ums genau zu nehmen, auch noch mit z.B. ihrem Menülink mitskalieren, dabei hat man natürlich entweder schlechte Ergebnise, weil das der Browser nicht fertigbringt oder weil die Grafik einfach irgendwann zu klein wird - nimmt man eine Große hat mans den Modem-Usern auch nicht gerade leicht gemacht.
Des Weiteren meine ich so Bilder, wie Sie in Foren, Boards etc. üblich sind zum löschen von Beiträge ein nettes x. Hier hat man die selben Skalierungsprobleme und.
Zuguter letzte Logo bzw. Seitenschatten oder Grafiken, die die Seite irgendwie z.B. vor einen imaginären Schrank stellen: Skalierungsproblem, kein Vollbildhintergrundbild möglich, außer man nimmt die unproportionale Vergrößerung in Kauf und Positioniert das Bild absolut in den Hintergrund.
Ist bei es bei alledem überhaupt noch sauber möglich Bilder im Web zu verwenden?
Sollte man gleich darauf verzichten und das mögliche mit CSS rausholen?
Aber eine schöne navigatin mit Farbverlauf und Highlightgrafiken hat schon was, die ist am ehesten auch noch Barrierefrei zu gestalten - wobei man hier wieder JavaScript braucht um das Highlighten mit anderen Grafiken zu ermöglichen, mindesten um dem IE hover beizubringen.
Gruß
-
Grüße,
schon mal von alt="" gehört?
MFG
bleicher -
Wie sinnvoll, barrierefrei, sauber, korrekt und schön findet ihr die Verwendung von Grafiken, die nicht ein Bild sondern Inhalt der Seite repräsentieren, im Web?
garnicht barrierefrei
Ist bei es bei alledem überhaupt noch sauber möglich Bilder im Web zu verwenden?
nein
Aber eine schöne navigatin mit Farbverlauf und Highlightgrafiken hat schon was, die ist am ehesten auch noch Barrierefrei zu gestalten - wobei man hier wieder JavaScript braucht um das Highlighten mit anderen Grafiken zu ermöglichen, mindesten um dem IE hover beizubringen.
jemand mit einem screenreader kann sowieso nichts mit einer skalierbaren seite anfangen - für alles andere gibts zoomfunktionen oder bildschirmlupen
idealerweise solltest du aber so wenig wie möglich grafiken verwenden
fazit: barrierefreiheit ist eine illusion allein die benutzung eines screenreaders ist eine barriere, wenn du einen 20-seiten text mit überfliegst, erfasst du schnell den inhalt des texts - mit einem screenreader ist das nicht möglich, egal wie gut du den text aufbereitest - eine zusammenfassung müsste her
alles in allem ist es möglich, viele barrieren zu minimieren - barrieren kannst du aber niemals beseitigen
ein blinder müsste sehen können, ein motorisch eingeschränkter benutzer müsste wieder voll beweglich sein, ein begrenzt intelligenter benutzer müsste schlauer werden (ja, auch kompliziert geschriebene texte, welche sich in vielen themenbereichen nicht vermeiden lassen, sind eine barriere)
-
Hallo,
jemand mit einem screenreader kann sowieso nichts mit einer skalierbaren seite anfangen - für alles andere gibts zoomfunktionen oder bildschirmlupen
Sorry, aber was redest du da?
Dass Blinde mit Screenreadern existieren, macht es doch nicht unsinnig, skalierbare Seiten zu schreiben! Bildschirmlupen sind wiederum Sonderlösungen, die zum Teil unnötig werden, wenn Webseiten hinreichend anpassungsfähig sind und Browser brauchbare Vergrößerungsmöglichkeiten von Haus aus mitbringen (das tun mittlerweile alle mehr oder weniger) oder assistive Software existiert, die eben dies leistet.
Zoomfunktionen existieren also - aber es bedarf einer skalierbaren Seite, damit diese sinnvoll funktionieren und vielen den Zugang zur Seite erleichtern können!ein blinder müsste sehen können, ein motorisch eingeschränkter benutzer müsste wieder voll beweglich sein, ein begrenzt intelligenter benutzer müsste schlauer werden (ja, auch kompliziert geschriebene texte, welche sich in vielen themenbereichen nicht vermeiden lassen, sind eine barriere)
Schwafelrabafel, Laberrhabarber.
Mathias
-
aber es bedarf einer skalierbaren Seite, damit diese sinnvoll funktionieren und vielen den Zugang zur Seite erleichtern können!
ich gebe dir in allen punkte recht
Schwafelrabafel, Laberrhabarber.
aber barriereFREIHEIT ist eine illusion - eine möglichst barrierearme seite zu erstellen ist sicher möglich, aber jegliche barrieren, die durch eine einschränkung des benutzers entstehen zu entfernen, ist unmöglich
-
Hallo,
aber barriereFREIHEIT ist eine illusion
Nein, sondern ein Entwicklungsziel; genauso wie Gebrauchstauglichkeit bzw. Benutzerfreundlichkeit, semantische Textauszeichnung und Standardkonformität bzw. Validität.
eine möglichst barrierearme seite zu erstellen ist sicher möglich, aber jegliche barrieren, die durch eine einschränkung des benutzers entstehen zu entfernen, ist unmöglich
Ja, schön. Diese Diskussion lief vor ungefähr sechs Jahren. Mehr als eine Spitzfindigkeit hat der Gegenbegriff "Barrierearmut" nie dargestellt.
Mathias
-
-
-
-
Barrierefrei I
Was nützt es mir, einen Rollstuhlrampe zu machen, wenn alle Rollstühle ganz furchtbare Tricks bemühen, um Treppe zu laufen?
Man höre auf mir Vorschriften über die Treppe zu machen.Barrierefrei II
Freie fahrt für freie Bürger gibt es Unfallfrei nur auf der gesperrten Autobahn.Barrierefrei III
Das Thema hat sich beim Geldbeutel erledigt.Bilder
haben den Sinn
-- unmittelbar erotisch zu sein.
-- mittelbar sich in sexy money zu verwandeln
-- Den User über eine nicht alphabetische Symbolansprache zu eine Handlung zu verleiten.
Man wird dazu nicht mehr Energie als notwendig aufwenden.Barrierefrei IV:
Man vergesse nicht,, dass es am Schluss eine Frage der Import Export Bilanz ist.mfg Beat
--
/|
<°)))o>< / | /|
---- _|___/ | ><o(((°>
OvVVvO __ | ><o(((°>
<°)))o>< /v v\/ |
<°)))o>< ^ ^/_/_ ><o(((°>
^^^^/___/
><o(((°> ---- ><o(((°>
<°)))o>< ><o(((°>o
-
Hallo,
Was will uns der Autor mit diesen verwirrenden geistigen Ergüssen sagen??
Mathias
-
Barrierefrei I
[...]
Bilder
haben den Sinn
-- unmittelbar erotisch zu sein.
-- mittelbar sich in sexy money zu verwandeln
-- Den User über eine nicht alphabetische Symbolansprache zu eine Handlung zu verleiten.
Man wird dazu nicht mehr Energie als notwendig aufwenden.Barrierefrei IV:
Man vergesse nicht,, dass es am Schluss eine Frage der Import Export Bilanz ist.mfg Beat
Was will uns der Autor mit diesen verwirrenden geistigen Ergüssen sagen??
Mathias
Ständig ums Verstehen verwirrender Geistigung bemüht habe ich darüber sehr lange nachgedacht.
Der Zustand hätte wohl noch viele Jahre andauern können, wenn nicht meine
Tageszeitung heute geschrieben hätte, dass im Netz ein Vertrag bekannt
wurde, der zwischen einem US-Pornohersteller und der deutschen Firma
DigiProtect abgeschlossen wurde, in dem der Rechteinhaber dem Unternehmen
DigiProtect gestattet, seine Filme auf Tauschbörsen zu veröffentlichen,
um Filesharer zu verfolgen.
Als Lockmittel sollen 854 Pornofilme eingesetzt worden sein.
Wer also einem erotischen Bild nicht widerstehen konnte, so einen im Vertrag
aufgelisteten Streifen angeklickt hat und ihn barrierefrei herunterlud,
dürfte jetzt von genau der Firma, die den Film in Umlauf gebracht hat,
mit einer Abmahnung beglückt werden.DigiProtect wirbt mit dem Slogan: "Turn Piracy Into Profit".
mfg
cygnus--
Die Sache mit der Angel und dem ><o(((°> hat immer einen Haken ...
-
-
-
Hallo,
Wie sinnvoll, barrierefrei, sauber, korrekt und schön findet ihr die Verwendung von Grafiken, die nicht ein Bild sondern Inhalt der Seite repräsentieren, im Web?
Du meinst wohl im Speziellen Bilder, die Text enthalten bzw. Text ersetzen?
Ist bei es bei alledem überhaupt noch sauber möglich Bilder im Web zu verwenden?
Du sprichst verschiedene Grafiktypen an, bei denen die Barrierefreiheit unterschiedlich bewertet werden muss.
- Zentrale Text-Navigationen sollten tatsächlich möglichst klar lesbarer Text bleiben, wenn gute Zugänglichkeit gewünscht ist.
- Kleine Icons und Symbolgrafiken haben zwar auch das Problem der Skalierbarkeit, aber noch viel mehr der Verständlichkeit. Sie können das Interface sehr vereinfachen und übersichtlicher gestalten, aber gleichzeitig für manche eine Barriere darstellen. Hier könnte ein Mittelweg ein großes, kontrastreiches und klar erkennbares Icon plus Text sein.
- Logos vermitteln i.d.R. keine Informationen, die sonst nicht sowieso in Textform auf der Seite vorkommen. Sie können ruhig als Grafiken eingebunden werden. Will man hier Skalierbarkeit, kann man Flash oder SVG nutzen, je nachdem, was verfügbar ist und wie das Logo aufgebaut ist.
- Seitenschatten und alle sonstigen schmucken grafischen Feinheiten sind sicher, solange sie bei Skalierung, Kontrast- und Farbänderungen sowie ggf. bei gröberen Layout-Umstellungen die Lesbarkeit der Inhalte nicht gefährden. Das ist m.E. der schwierigste Teil bei Seiten, die grafisch klotzen.
Sollte man gleich darauf verzichten und das mögliche mit CSS rausholen?
Das auf jeden Fall. Was Typografie angeht, so kann man mit CSS alleine schon viel reißen. Dann gibt es noch einige proprietäre oder zukünftige CSS-Zusätze, die man ebenfalls ausreizen kann, auch wenn sie nur einige Browser unterstützen. Besser als Text-in-Grafik ist das auf jeden Fall.
Aber von der Typo abgesehen ist mit CSS alleine (Rahmen, Hintergrundfarben, Abstände, Positionierung/Floats...) nur eingeschränkte Gestaltung möglich. Das wird leider häufig äußerst minimalistisch, eintönig und quadratisch-praktisch-schlecht.Aber eine schöne navigatin mit Farbverlauf und Highlightgrafiken hat schon was, die ist am ehesten auch noch Barrierefrei zu gestalten - wobei man hier wieder JavaScript braucht um das Highlighten mit anderen Grafiken zu ermöglichen, mindesten um dem IE hover beizubringen.
Schnörkel- und Bling-Bling-Navigationen mit Text-in-Grafik sind ein größtenteils überwundenes Relikt aus den 90ern - heutzutage kann man durchaus ansehnliche, übersichtliche interaktive Navigationen gestalten, die zwar Grafiken einsetzen, bei denen der Text selbst skalierbar und gut lesbar bleibt.
Es ist auch kein Problem, wenn Hover-Effekte im IE mit JavaScript gelöst werden. Verbessert nur die Benutzbarkeit, und wenn JavaScript nicht zur Verfügung steht bzw. der Hover aus anderen Gründen nicht wahrgenommen wird, ist es nicht so schlimm.Mathias
-
Hallo,
danke für die ausführliche Antwort. Und auch den anderen.
- Logos vermitteln i.d.R. keine Informationen, die sonst nicht sowieso in Textform auf der Seite vorkommen. Sie können ruhig als Grafiken eingebunden werden. Will man hier Skalierbarkeit, kann man Flash oder SVG nutzen, je nachdem, was verfügbar ist und wie das Logo aufgebaut ist.
Nuja für mich ist es kein Ding SVG zur Verfügung zu stellen, aber damit hat man im heutigen Web leider (noch) Probleme. Und auf eine dynamische Lösung png-jpg jenachdem was unterstützt wird, bin ich noch nicht gekommen.
Es ist auch kein Problem, wenn Hover-Effekte im IE mit JavaScript gelöst werden. Verbessert nur die Benutzbarkeit, und wenn JavaScript nicht zur Verfügung steht bzw. der Hover aus anderen Gründen nicht wahrgenommen wird, ist es nicht so schlimm.
Nuja leider werden das meine Bekannten nicht so sehen, wenn ich ihnen eine Seite bastel und sie es im IE (wie leider immernoch viel zu viele) nicht in vollem Umfang sehen können.
Gruß
-
- Logos vermitteln i.d.R. keine Informationen, die sonst nicht sowieso in Textform auf der Seite vorkommen. Sie können ruhig als Grafiken eingebunden werden. Will man hier Skalierbarkeit, kann man Flash oder SVG nutzen, je nachdem, was verfügbar ist und wie das Logo aufgebaut ist.
Wenn unter Skalierbarkeit auch verstehst, dass ein SVG (zum Beispiel unter einem Button text) aus mit der Schrift skalierbar sein soll: Das geht nur unter Einsatz von JS auf sehr mühsame weise.
Die Skalierbarkeit von SVG ist derzeit rein statisch, zumindest in Firefox.mfg Beat
-
Hallo,
Wenn unter Skalierbarkeit auch verstehst, dass ein SVG (zum Beispiel unter einem Button text) aus mit der Schrift skalierbar sein soll: Das geht nur unter Einsatz von JS auf sehr mühsame weise.
Keine Ahnung, was du meinst. Eingebettete SVG-Grafiken - auch die, die mit Pixelbreiten eingebunden sind - skalieren im Firefox 3 genauso wie andere Pixelgrafiken oder Text. Nur wird der Text im SVG eben schön und lesbar skaliert im Gegensatz zu Pixelgrafiken. Gerade das ist ja der Sinn von SVG bzw. des neuen Full-Page-Zooms. Siehe z.B. SVG Examples. Dasselbe gilt für Opera, mit Einschränkungen für Safari, dort muss man vermutlich relative Größen verwenden.
Die Skalierbarkeit von SVG ist derzeit rein statisch, zumindest in Firefox.
Das will bedeuten?
Mathias
-
Die Skalierbarkeit von SVG ist derzeit rein statisch, zumindest in Firefox.
Das will bedeuten?
In FF2 gibt es bekanntlich keinen Page zoom, sondern nur einen Fontsize Zoom. Darauf bezog sich meine Aussage.
Ich weiss auch nicht, ob Page Zoom wirklich mein Problem löst. Ich will eine Lesbarkeit nicht mit einem horizontalen Scrollbalken erkaufen.mfg Beat
-
Hallo,
In FF2 gibt es bekanntlich keinen Page zoom, sondern nur einen Fontsize Zoom. Darauf bezog sich meine Aussage.
Will man browserübergreifend skalierbare Seiten, arbeitet man mit em-Größen. SVG-Grafiken würde man dann mit entsprechenden Größen einbinden. Ob reiner Schriftgrößen- oder Seitenzoom, das kommt dann auf dasselbe heraus.
Ich weiss auch nicht, ob Page Zoom wirklich mein Problem löst. Ich will eine Lesbarkeit nicht mit einem horizontalen Scrollbalken erkaufen.
Na wenn das passiert, dann ist das Spaltenlayout zu dicht gepackt und zu breit oder arbeitet nur mit festen Werten, sodass eine eine Vergrößerung unmöglich wird.
Mathias
-
-