nicht angemeldet
Zoomfunktionalität
Hallo Froum,
ich beschäftige mich erstmals mit dem Thema 'Barrierefreiheit'
und experimentiere mit Vergösserung/Verkleinerung der Darstellung
einer Website. Referenz ist die Website der Barmer www.barmer.de.
Die Site lässt sich über ein Icon Zoomen. Das Funktioniert
browserübergreifend. Wie das funktioniert, konnte ich allerdings
selbst nach dem Durchsuchen des Quelltextes der kopletten Website
inklusive aller JS und CSS-Files bisher nicht finden.
Losgelöst von der Site habe ich mich dann mal so auf die Suche
gemacht und für den IE das CSS-Attribut 'style.zoom' gefunden und ausprobiert. Das funktioniert im IE auch reibungslos. Mozilla und Firefox reagieren allerdings nicht auf:
document.body.style.zoom = 1.5;
Dass Mozilla und Firefox eine gut funktionierende Zoomfunktionalität im Browsermenü eingebaut haben, ist mir bekannt. Nur hab ich keine
Idee, wie das per Javascript/CSS realisierbar sein soll.
Kann mir da jemand nen Tipp geben ?
tausend Dank und
beste gruesse,
martin
-
Hallo,
Du kannst in FF und im IE mit Strg & Mausrad bzw. Strg & +/- die Größe von Schrift und Elementen verändern.
Da auf der angegebenen Seite die Elemente genau gleich wachsen/schrumpfen, wie wenn du das Mausrad betätigst, denke ich, dass die einfach auf diese Funktion des jeweiligen Browser zurückgreifen. Deshalb einfach mal bei Google o.ä. danach suchen.
Ansonsten wäre es möglich, dass du du ganz einfach beim Klicken auf diese Buttons eine Prozentangabe übergibst (25/50/75/100) und dann in deinen Stylesheets und in deinen <img>-Tags ... als Breite und Höhe Prozentsatz*Standardgröße einfügst.Viele Grüße,
Philip -
Hallo,
Dass Mozilla und Firefox eine gut funktionierende Zoomfunktionalität im Browsermenü eingebaut haben, ist mir bekannt. Nur hab ich keine
Idee, wie das per Javascript/CSS realisierbar sein soll.Kann mir da jemand nen Tipp geben ?
Nein, aber aufpassen. Opera hat nämlich noch eine ganz eigene Zoomfunktion. Während IE und FF nur solche Elemente zoomed, die skalierbare Angaben (oder keine Angaben) haben (z.B. %, em) skaliert Opera _alle_ Elemente entsprechend dem Zoomfaktor. Damit werden Bilder genauso hochskaliert, wie auch feste Body-width (z.B. width:1024px).
Grundsätzlich finde ich das Zoomverhalten des Opera vorbildlich. Denn es ersetzt Barrierefreiheit seitens des Programmierers durch Browserfunktionalität.
bydey
--
-- bydey ist die Signatur und Verabschiedung, nicht der Nick --
-- Navigate all your PHP web projects with PHP Project Browser---
Hi,
Grundsätzlich finde ich das Zoomverhalten des Opera vorbildlich. Denn es ersetzt Barrierefreiheit seitens des Programmierers durch Browserfunktionalität.
ich nicht unbedingt. Denn das behindert auch die Erstellung wirklich flexibler Layouts.
freundliche Grüße
Ingo-
Hallo,
ich nicht unbedingt. Denn das behindert auch die Erstellung wirklich flexibler Layouts.
Da hast du absolut recht. Problem ist aber dennoch, daß sehr viele Web-Projekte gibt, die einem großen Ochser gleichen (die Bemühten habens immerhin schon zum Wassergraben geschafft) und es dient dem Benutzer, wenn er nicht von den Fähigkeiten des Programmierers abhängig ist.
Ob es dem Gesamten dient sei dahingestellt.
Aber, ist eine Software (nicht aufs Web reduziert), bei der ich mit Plugins oder anderen Tricks die Fehlbarkeit der Programmierung umschiffen kann nicht etwas schönes? Viele Projekte sind aus wirtschaftlichen Gründen nicht perfekter, asl sie sind.bydey
--
-- bydey ist die Signatur und Verabschiedung, nicht der Nick --
-- Navigate all your PHP web projects with PHP Project Browser--
-
-
-
Hi Martin!
Kann mir da jemand nen Tipp geben ?
Ich finde, die JS-Datei ist nicht schwer zu finden. Von dort aus findet man http://www.barmer.de/barmer/assets/js/init.js und schließlich eine Funktion createFontSizer().
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
hi,
ich hatte mir die site mit 'mozilla' als 'komplette website'
gespeichert. das feature kannte ich nur vom ie, aber da liess
sich die seite nicht speichern. wie auch immer, mozilla hat
mit neben der html-datei einige *js- und *css-files
gespeichert. allerdings sieht der inhalt von z.b. init.js
so aus:<kann's nicht mal posten: „discouraged character“>
ich hab nach 'Verkleinerungsstufe' gesucht (), weil es gibt einen alert() 'Hinweis: Sie haben die letzte Verkleinerungsstufe erreicht.'
gibt. Den konnte ich nicht finden und hab mir dann vorgestellt, dass
die js-files irgendwie encryptet sind.wenn man die js-files direkt mit dem browser aufruft, werden sie sauber dargestellt.
danke,
beste gruesse,
martin
-