Barrierefreiheit XHTML / CSS / Grafiken

[Indium1]

Hallo an alle Leser,

ich habe eine Frage wegen Barrierefreien Webdesign:

Bei einer Monitorauflösung von mindestens 800 x … soll man den gesamten Webauftritt ohne Horizontales Scrollen lesen bzw. erkennen können. Texte und bedeutsame Grafiken müssen sich also nach der Größe des Browsers richten und dementsprechend Umbrechen, egal ob die Browsergröße fest eingestellt ist oder manuell verkleinert bzw. vergrößert wird. Auch bei einer Einstellung der Schriftgröße oder der Zoomfunktion muss der automatische Umbruch stattfinden. Soweit alles ganz logisch.

Bei der Zoomfunktion entstehen aber Probleme. Damit ist nicht der Umbruch gemeint, sondern die Darstellung der Grafik. Nehmen wir mal an, ich hätte eine Grafik mit einer Größe von 460px (Breite) x 130px (Höhe) und positioniere diese per CSS auf margin-left:0px;. Jetzt Zoome ich mit der Tastatur (STRG und Pluszeichen). Bis sechs Mal Pluszeichen drücken ist die Grafik noch vollständig zu erkennen, beim siebten Mal ragt die Grafik ca. 1/8 in den nicht sichtbaren rechten Bereich hinein, sodass ein horizontaler Scrollbalken entsteht. Beim achten Mal vergrößern ragt die Grafik ca. 1/3 in den nicht sichtbaren rechten Bereich hinein. Man könnte zwar jetzt die Grafik insoweit in der Größe verändern, wobei diese aber dann in der Normalansicht nicht mehr zum allgemeinen Layout passen würde.

Wie würdet Ihr bei so einer Situation vorgehen?

Vielen Dank im Voraus für eure Antworten!


Freundliche Grüße,


Indium1

 

[patrick_l]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Wenn auf diese Art in eine Website rein gezoomt wird, wird nichts anderes gemacht als alles zu vergrößern. Mit anderen Worten die Grafik ist immer noch in der selben Größe. Als würde man eine Lupe verwenden. Die Grafik selber wird ja nicht skaliert.

Was jetzt die gesamte Site angeht könnte man das ganze mit CSS und %-Angaben anstellen. Halt immer an die Fläche des Browsers angepasst. Wie du das ganze jetzt am besten mit einzelnen Grafiken im Content anstellst, also so wie du es möchtest, kann ich dir so auf Anhieb nicht sagen.

Grüße Patrick

 

[Indium1]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Hallo Patrick,

Danke für Deine Antwort!

Habe es jetzt ersteinmal zu Testzwecken so versucht:

<img src="go.gif" style="width:100%; max-width:460px;" alt="" />

Firefox 11 und Opera 11.10 interpretieren es richtig, der IE 6 und Netscape Navigator 9 natürlich mal wieder nicht! Liegt wohl an max-width. Mal schauen, ich werde da bestimmt noch eine Lösung finden.

Viele Grüße,

Michael

 

[patrick_l]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Um den IE6 und noch viel weniger würde ich mir um den Netscape sorgen machen. Wer heute immer noch mit dem IE6 unterwegs ist, hat sicher ne Virenschleuder vor sich stehen Was das Formatieren/Stylen angeht, das solltest du in einem ext. Stylesheet (CSS) machen.

Halt Inhalte und Gestaltung voneinander sauber getrennt. Ist für dich auch später leichter wenn du etwas zu ändern musst oder möchtest. Auch bleibt dein Code so recht aufgeräumt.

 

[Myhar]

AW: Barrierefreiheit XHTML / CSS / Grafiken

IE6 versteht so etwas nicht. So wie er 1000 andere Dinge nicht versteht. Aber wer surft heutzutage noch mit Netscape?

 

[TheHope]

AW: Barrierefreiheit XHTML / CSS / Grafiken

IE6 versteht so etwas nicht. So wie er 1000 andere Dinge nicht versteht. Aber wer surft heutzutage noch mit Netscape?

Das Gleiche dachte ich mir beim IE6... xD

 

[Myhar]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Wenn man auch nur ein wenig Ahnung von Internet/Website-Entwicklung hat, dann weiß man, dass in vielen großen Firmen noch IE6 verwendet wird. Das hat unterschiedliche Gründe wie zu hohe Kosten, Firmeninterne Software die nur auf IE6 funktioniert, etc. Auch ist IE6 in China noch sehr weit verbreitet.
In EU/USA/... verwenden nur noch ein vernachlässigbarer Teil IE6

 

[patrick_l]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Wenn man auch nur ein wenig Ahnung von Internet/Website-Entwicklung hat, dann weiß man, dass in vielen großen Firmen noch IE6 verwendet wird.[...]

Hängt vor allem auch damit zusammen das der IE an sich ein "OS-Browser" ist. Damit meine ich das er fester Bestandteil von Windows ist. So wie der Safari beim Mac.

 

[TheHope]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Wenn man auch nur ein wenig Ahnung von Internet/Website-Entwicklung hat, dann weiß man, dass in vielen großen Firmen noch IE6 verwendet wird. Das hat unterschiedliche Gründe wie zu hohe Kosten, Firmeninterne Software die nur auf IE6 funktioniert, etc. Auch ist IE6 in China noch sehr weit verbreitet.
In EU/USA/... verwenden nur noch ein vernachlässigbarer Teil IE6

Gerade China, die technisch überall mitmischen wollen... Aber so einer wie du hast doch sicherlicher Internetseiten die Statistiken darüber führen, welches Land, welchen Browser bevorzugt einsetzt. Oder woher ziehst du diese Kenntnis? Wahrscheinlich ist der IE6 auch noch der mega top Browser in dritt Ländern...

 

[Myhar]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Meine Kenntnis kommt von der von. 22.4% in China.
Der Grund, warum IE6 in China so populär ist: Dort wird viel an Software kopiert und beim kopierten Windows XP ist nun mal der IE6 Standardmäßig dabei. Updates werden dann natürlich nicht gemacht und so wird IE6 verwendet. Zumindest ist dies die Erklärung, welche man am öftesten hört.
Wenn die Chinesen anfangen vermehrt Win7 zu piraterieren (oder vllt warten sie ja auch alle nur auf Win8), dann wird Ie6 dort auch weniger präsent sein.

Ich hoffe, damit ist deine Frage beantwortet.

 

[Indium1]

AW: Barrierefreiheit XHTML / CSS / Grafiken

Hallo Patrick,

den CSS Code hätte ich schon noch in einen externen Stylesheet reingesetzt. Da ich aber nur kurz testen wollte, was die Browser dazu sagen, habe ich die direkte Variante gewählt. Dennoch vielen Dank für den Hinweis!


hallo Myhar,
hallo TheHope,

wie viele „noch“ mit dem Netscape unterwegs sind kann ich nicht sagen. Bis November 2006 waren es gerademal 0,2% laut Statistik. Ich weiß, wir haben jetzt 2012 aber das tut nichts zur Sache. Sollten heute noch 0,05% diesen Browser nutzen (warum auch immer), dann sind das 1.450.000 Nutzer weltweit (Internet-Nutzer 2011 gesamt = 2,9 Milliarden / Quelle: Internet World Stats).

Von daher prüfe ich lieber ob die Webanwendungen auch mit älteren Browsern kompatibel sind, als es einfach sein zu lassen. Gleiches gilt für den IE6. Wie Myhar schon angesprochen hat, gibt es etliche Gründe warum dieser Browser noch eingesetzt wird. Das betrifft aber nicht nur die kommerzielle Schiene. Viele Menschen mit Sehbehinderung setzen diesen zum Beispiel privat ein.

Es sind zahlreiche Screenreader im Umlauf die genau diesen IE6 brauchen. Neue Screenreader-Versionen können sich viele Sehbehinderte aber nicht leisten, da die Dinger zwischen 1.000 € und 2.000 € kosten. Mit entsprechender Begründung kann man die Kostenübernahme zwar bei der Krankenkasse beantragen, dass ist aber nicht fortlaufend nur weil wieder einmal eine neue Version herausgekommen ist. Sehbehinderte warten demnach Jahre darauf um eine neue Version genehmigt zu bekommen.

Viele Grüße,

Indium1 (Michael)