Script und Einbindung Für Sehbehinderte gesucht! [GELÖST! dank zwoemti !!!]

Marcolino · 4. Dezember 2011

Kann mir jemand helfen woher ich ein Script für Sehbehinderte bekomme

(Thema: barrierefreies Internet) und wie ich es in Website X5 integrieren kann???

Also: texte sollten vegrößert und verkleinert werden können,

evtl. auch farbige Kontraste sollten möglich sein.

Beispiel links oben auf dieser Seite:

Barrierekompass | Informationen über Barrierefreies Internet für Verantwortliche in Unternehmen und Verwaltungen

Vielen Dank für Eure Hilfe!

zwoemti · 4. Dezember 2011

Was wirklich vernünftig geht ist mehrere Projekte zu machen und diese größer bzw. mit Kontrast zu gestalten und dies dann per Bild oder Namen oben im Header zu verlinken. Also quasi wie als wenn man mehrere Sprachen für die Webseite gestaltet, nur in deinem Fall per Schriftvergrößerung

Was auch geht ist das ganze per jQuery zu lösen. Aber dadurch das X5 den Zellen eine Höhe vergibt denke ich das dies sehr unschön aussehen wird. Und dies auch durch die Verschachtelung der divs etwas aufwändiger sein wird.

bernie · 4. Dezember 2011

Was meinst, hilft es auch, einen Hinweis zu schreiben, wenn man "strg + Mausrad scrollen" vergrößern und verkleinern kann, und wenn man "strg und 0 " drückt, wieder die Standartgröße hat????

zwoemti · 4. Dezember 2011

Das wäre natürlich auch eine Option...

Marcolino · 5. Dezember 2011

Hui zwoemti,

glaubst Du wirklich auf diese aufwendige Art ("mehrere Projekte, wie Sprachversionen")
haben die Betreiber dieser Seiten benutzt!?
Glaube ich nicht.
Es muss einen Code geben. Mein Problem ist nur: Auch wenn ich Strg+U drücke,
kann ich mit den Quellcods nichts anfangen.

Der andere Vorschlag mit der Tastkombination gilt nicht zulässig für den
Begriff "barrierefreies Internet". Da gibt es jetzt schon fast Norme,
die man einhalten muss.
Und doch: Das wäre ein Ansatz!
Es muss doch ein Code zu schreiben sein, der diese Tastkombinationen bündelt,
wie eben "STRG und +", "STRG und -" und "STRG und 0" ...
Oder nicht?
Hmmm

zwoemti · 5. Dezember 2011

hab ja gesagt Jquery nennt sich styleswitcher gibt auch noch anderes was man benutzen kann. Bin dann mal arbeiten...

little-key · 5. Dezember 2011

Das einzige funktionierende ist jquery.

Hier gibts die hotkey-Scripte: js-hotkeys -

Javascript jQuery plugin for hooking keyboard events - Google Project Hosting

und hier was zum probieren: JavaScript Keyboard Controls: js-hotkeys

Marcolino · 6. Dezember 2011

Hi zwoemti & little-key!
Boahey, zusammen mit dem Manni58, seid Ihr nach wie vor die BESTEN!

Nur: Da muss ich mich als Laie erstmal durcharbeiten.
Check das ganze nicht so ganz...

*kopfkratz* Wollen wir mal sehen...

Wenn`s nun nicht hinhaut, liegt es wohl am Ende an mir!

So oder so: Danke!

Marcolino · 6. Dezember 2011

Ich habe unter Euren Hinweisen diese 3 downloads gefunden.
Folgen sogleich...

Weiss jemand wie ich das handhaben muss?
Alles in den Head bereich?

Marcolino · 6. Dezember 2011

und...

Marcolino · 6. Dezember 2011

and last but not least:

zwoemti · 6. Dezember 2011

Ist zwar in der styleswitcher beschrieben jedoch würde ich gerne noch die Quelle erfahren

Marcolino · 7. Dezember 2011

Ist exakt alles von hier:

Barrierefreiheit & Schriftvergrößern - TYPO3 Forum & Portal

Ist da was falsches dran? Hm

pcssa · 7. Dezember 2011

. . . ob daran etwas *falsch* ist kann ich Dir leider nicht mit Sicherheit beantworten. Wenn ich jedoch das Datum aus 2006 sehe könnte ich mir vorstellen, dass das nicht mehr *kompatibel* mit HTML 5 ist - das müsste einer der HTML-Spezialisten wissen.

little-key · 7. Dezember 2011

Zitat von "Marcolino"

Ist exakt alles von hier:

Barrierefreiheit & Schriftvergrößern - TYPO3 Forum & Portal

Ist da was falsches dran? Hm

Was heißt falsch. Dort diskutiert man über die Größen der Schriftzeichendarstellung. Wenn sich die Browserhersteller nirgens so richtig einig sind, aber die Fontgröße ob px, em oder % sollte keine Barriere mehr sein.
Wenn Du Dir trotzdem unsicher bist, gibst Du die Größen an

Code

<p style="font-size:medium;">Mein Text</p>
<p style="font-size:large;">Mein Text</p>
<p style="font-size:x-large;">Mein Text</p>
<p style="font-size:xx-large;">Mein Text</p>

Das xx-small, x-small und small habe ich hier mal bewußt nicht genannt. xx-large sind grob geschätzt (ohne jetzt testen) 24-26px.

Was Dir auch noch sicher helfen wird:
http://www.css4you.de/browsercomp.html/standardbrowser/

Marcolino · 7. Dezember 2011

Danke little-key!

Was ich nicht verstehe ist: Brauch man die 3 Codes? cookies, Oder reicht allein styleswitcher und efa_fontsize?
Oder reicht der Letztere?

zwoemti · 7. Dezember 2011

so ich machs mal kurz...

Du arbeitest mit Version 9 dann darfst du weiter lesen...

Folgendes unter Punkt 1 > erweitert in den Head schreiben

JavaScript

<script type="text/javascript">
jQuery(document).ready(function(){
var contentarea = jQuery('.ff1 ,.fs20');
var num_ee = contentarea.css('font-size');
var num_e = parseFloat(num_ee, 10);
jQuery("a.fchange").click(function() {
var currentSize = contentarea.css('font-size');
var num = parseFloat(currentSize, 10);
var unit = currentSize.slice(-2);
if (this.id == 'linkLarge'){
num = num * 1.2;
} else if (this.id == 'linkSmall') {
num = num / 1.2;
} else if (this.id == 'linkDefault') {
num = num_e;
}
contentarea.css('font-size', num + unit);
return false;
});
});
</script>

Alles anzeigen

das nächste bei der Gestaltung des Template in den oberen Banner und dort in ein HTML Feld.

HTML

<a class="fchange" id="linkLarge" href="javascript:void(0);"><img src="der Pfad zum Bild falls gewünscht" alt="Größere Schriftgröße" title="Größere Schriftgröße" border="0" /></a>
<a class="fchange" id="linkSmall" href="javascript:void(0);"><img src="der Pfad zum Bild falls gewünscht" alt="Kleinere Schriftgröße" title="Kleinere Schriftgröße" border="0" /></a>
<a class="fchange" id="linkDefault" href="javascript:void(0);"><img src="der Pfad zum Bild falls gewünscht" alt="Normale Schriftgröße" title="Normale Schriftgröße" border="0" /></a>

Bild musst du noch den Link bei img src vergeben... Falls gewünscht....geht aber erstmal auch so...

so das wars auch schon.... anzeige geht in der Vorschau...

ich habe dort zwei Klassen angegeben die geändert werden hab mich nicht weiter mit beschäftigt es kann sein das noch mehr geändert werden muss. Kannst aber erstmal testen und mal einen Link zu deiner Seite angeben wenn du es eingebaut hast da guck ich nochmal drüber....

eins vorweg...das Menü lässt sich damit nicht vergrößern...

So ähnlich geht das auch mit deinen Dateien diese muss man anpassen und dort die Klassen eintragen die geändert werden sollen.

Aber teste erstmal ich hab das ganze nur eben mal schnell auf einer Seite ausprobiert...

zwoemti · 7. Dezember 2011

So nun noch einmal um die Zeilenhöhe mit anzupassen. Nachfolgendes in den Head schreiben und was ich oben geschrieben habe weglassen ist ja hier schon mit drin...

HTML

<script type="text/javascript" src="http://www.ollicle.com/projects/jquery/autolineheight/jquery.autolineheight.js"></script>
<script type="text/javascript" src="http://davecardwell.co.uk/javascript/jquery/plugins/jquery-em/jqem-uncompressed.js"></script>
<script type="text/javascript">
$(function(){
$('.ff1 ,.fs20').autolineheight({minWidth:16,minLineHeight:1.2,ratio:.03});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
var contentarea = jQuery('.ff1 ,.fs20');
var num_ee = contentarea.css('font-size');
var num_e = parseFloat(num_ee, 10);
jQuery("a.fchange").click(function() {
var currentSize = contentarea.css('font-size');
var num = parseFloat(currentSize, 10);
var unit = currentSize.slice(-2);
if (this.id == 'linkLarge'){
num = num * 1.2;
} else if (this.id == 'linkSmall') {
num = num / 1.2;
} else if (this.id == 'linkDefault') {
num = num_e;
}
contentarea.css('font-size', num + unit);
return false;
});
});
</script>

Alles anzeigen

Die Links zu den js Dateien wurden jetzt nur mal so eingetragen diese sollten sich später dann auf deinem Server befinden...

hier kannst du dir das ganze dann anschauen - bzw. die beiden js Dateien runterladen.

Spoiler anzeigen

Damit kann auch die Zeilenhöhe automatisch eingestellt werden passend zum leidigen Thema in Version 9

Die Tests können beginnen....

little-key · 8. Dezember 2011

Auf Deine allerletzte Frage hier, wird Dir wohl keiner so richtig antworten wollen...

zwoemti · 8. Dezember 2011

Thema kannst du selbst schließen du hast Berechtigung dafür.

Wenn das gesülze im Zusammenhang mit etwas produktivem steht ist das in Ordnung . Ein sinnfreier Post mit gesülze ist nicht schön aber manchmal auch gerne gesehen...hab die letzten beiden Beiträge mal entfernt - nicht böse sein

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Script und Einbindung Für Sehbehinderte gesucht! [GELÖST! dank zwoemti !!!]

Teilen