Barrierefreiheit durch Schriftgrößenanpassung gewährleisten

[Blume]

Hallo zusammen,

ich möchte den Besuchern der Homepage mit Sehschwäche gern eine Möglichkeit bieten die Schriftgröße durch drei Schaltflächen anzupassen, sprich einmal Schrift größer, einmal Schrift kleiner und eine Schaltfläche mit Schriftgröße normal.

Gibt es so etwas schon vorbereitet für NOF oder was muss ich tun um dieses zu realisieren? Mir ist natürlich klar, dass der Anwender das mit STRG++ bzw durch STRG+- und STRG+0 realisieren kann, aber welcher der normalen Anwender kennt das schon?

Grüße und Danke Blume

[nettesekel]

Das hat Dada doch mal ganz toll erklärt... https://www.nof-community.de/index.php?topic=1000.0

[Blume]

Hallo Nettesekel,
Hallo Dada,

soweit eine sehr schöne Anleitung, einzig finde ich leider nicht die Position oder die Zusammenfassung, in der ich die .js wie einbinden muss.
Leider kann ich in dem Tutorial nicht antworten, deshalb die Antwort an dieser Stelle.

Beste grüße Blume

[Dada]

Im Tutorial steht "Die Pfadangaben sind anzupassen".
Bei dem Tutorial liegt das Script in dem selben Verzeichniss wie die HTML. Liegt die JS irgendwo anders muss der Pfad angepasst werden.

https://www.nof-community.de/index.php/topic,668.0.html
Das erklärt dir wie Pfade aufgebaut sind.

[nettesekel]

Leider kann ich in dem Tutorial nicht antworten, deshalb die Antwort an dieser Stelle.

Das ist ganz bewußt so gemacht. Stell dir vor, jeder könnte in den Tutorials rumschreiben... dann würde bald niemand mehr durchblicken.

[Blume]

Hallo zusammen,

Nettesekel, Dein Hinweis macht natürlich Sinn.

Hallo Dada,

ich habe gerade noch mal alles durchgesehen und bin der Ansicht es sollte passen, anscheinend ist dem aber nicht so.
Siehst Du einen Fehler im Screenshot?
Die Datei: jquery.js liegt im Verzeichnis: www.xxx.de/assets/jquery.js

Ich hoffe Ihr könnt mir bei dem Problem noch einmal helfen und danke Euch.

Grüße Blume

[nettesekel]

Wenn man bei der Fehlersuche helfen soll, macht es immer Sinn einen Link zur Website oder zum Testverzeichnis zu posten. ein Screenshot ist ein Bild, da kann man leider nix dran testen. Der QT deiner Website hilft da eher weiter.

[Blume]

Hi Nettesekel,

die Seite ist nach wie vor noch nicht öffentlich:
http://www.seppelfricke-service.de/seppelfricke_neu/html/allgemeine-geschaftsbedingungen-hausgeratekundendienst-muller.html

Grüße Blume

[nettesekel]

Ruf bitte mal genau diese Seite im FireFox auf.
Dann gehe mit einem Rechtsklick auf die Seite und rufe den Quelltext auf.
Im Quelltext recht weit oben siehst du die beiden Links zu den Scripts, die du eingebunden hast.

<script type="text/javascript" src="./assets/jquery.creaseFont.min.js"></script>
<script type="text/javascript" src="./assets/jquery.min.js">

Klicke bitte mal nacheinander diese beiden Links in deinem QT an und dann schau dir an, was da aufgerufen wird. Ein Script ist das nicht. Eine "leere" Datei kann natürlich keine Funktionen steuern. Lade dir, wie im Tutorial beschrieben die Scripts herunter und binde diese statt der vorhandenen "Script"-Dateien ein.

[Blume]

Hi Nettesekel,
Klasse, wieder Design im Eimer, aber egal, jetzt möchte ich erst mal die Lösung finden, die sollte ja auch ohne Design funktionieren

ich bin doch ein Idiot  ,
ich habe diese Zeile in dem Tutorial ignoriert:

Für beide Methoden braucht ihr das  jQuery.creaseFont-Script ihr könnt es bei GitHub herunterladen.

eine Zeile drunter steht aber:

Diese Script benötigt mindestens jQuery 1.7.2, was eine kleine Änderung bei NOF11/12 benötigt dazu aber später mehr.

Die Frage ist aber nur, wo gekomme ich die jQuery 1.7.2 her?
in meiner die auf dem Server liegt steht drin:

Code: [Auswählen]

/*
 * jQuery 1.2.6 - New Wave Javascript
 *
 * Copyright (c) 2008 John Resig (jquery.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Date: 2008-05-24 14:22:17 -0400 (Sat, 24 May 2008) $
 * $Rev: 5685 $
 */
...... Das ist doch sicher falsch oder?

Grüße Blume

[nettesekel]

Mein liebes Blümchen... mit dem aufmerksam Lesen ist das wohl so eine Sache... 

Ich zitiere mal aus Dadas Tutorial:

Die Reihenfolge wie die Skripte eingebunden sind ist wichtig sonst funktionieren diese nicht.
Ihr benötigt zusätzlich noch jQuery 1.7.2 oder höher.


Jquery muss zuerst in den Headtag eingefügt werden.

Code: HTML5

1.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
2.     </script>

Schau dir mal diese Einfügung an, welche an ERSTER Stelle eingefügt werden soll.
1. fehlt die bei dir ganz, wenn ich nicht gerade etwas übersehen habe... und
2. ist der Link in diesem Codeschnipsel ein externer Link der dirrekt auf einen Server Verweist auf welchem die fertige jquery 1.7.2 liegt. 

Du gehst die Sachen zu "wuschig" an. Arbeite alles ganz in Ruhe und ohne Zeitdruck ab, denn Zeitdruck fordert nur zusätzliche Zeit... ;)

[Blume]

oh mann, das wars, ich war der Meinung das die URL als solche auch angepasst werden muss. Stellt sich mir die Frage ob die URL

http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

nicht einmal verfällt, denn dann würde es ja, so wie ich das sehe wieder nicht funktionieren oder?

Momentan funktioniert es, außer leider auf der Startseite, die ist ja quasi im NOF die erste Ebene und alle anderen Seiten befinden sich auf der zweiten Ebene. Liegt es daran und wenn ja was muss ich machen?
http://www.seppelfricke-service.de/seppelfricke_neu/index.html

Besten Dank nochmal und liebe Grüße Blume

[nettesekel]

Das sieht doch schon mal gut aus. 

In der Startseite muss ein Pfad minimal angepasst werden und zwar dieser hier:

Code: HTML5

1. <script type="text/javascript" src="../assets/jquery.creaseFont.min.js"></script>

Da darf für die Startseite nur 1 Punkt vor dem Pfad stehen...

Code: HTML5

1. <script type="text/javascript" src="./assets/jquery.creaseFont.min.js"></script>

Falls du das ganze im Masterrahmen eingefügt hast, musst du allerdings für die Startseite zuvor einen eigenen MB anlegen, sonst gehts im Anschluss auf der Home aber auf den Unterseiten nicht mehr.

[Blume]

Genau das wars,

ich habs jetzt im MB gelöscht und in das Layout jeder Seite eingefügt.

Danke Nettesekel, ich stell gleich noch mal eine andere Frage zum Quelltext

Beste Grüße Blume