PDA

Zobacz pełną wersję : Dodanie - zmiana fontu, kontrast - WCAG



kaniagandzowski
14-03-2015, 12:27
Witam

Nie wiem jak podejść do sprawy aby dodać przyciski zmiany rozmiaru czcionki oraz umożliwić zmiany kontrastu.

Naj chętniej bym chciał dla sesji użytkownika umożliwić zmianę templatki, przez usera co by pozwoliło przy przechodzeniu przez stronę zapamiętać jego ustawienia - użytkownik nie będzie logował się.

Zainstalowałem sobie Purity III http://www.joomlart.com/joomla/templates/purity-iii

W jakis sposób osiągnąć. Przykład strony http://widzialni.org/ - Prawy górny róg strony.

zwiastun
14-03-2015, 13:19
Kolejny już post w ciągu ostatnich tygodni z tym samym problemem. Niektórzy wydawcy witryn internetowych przypomnieli sobie o rozporządzeniu wydanym 3 lata temu i nieuchronnie zbliżającym się terminie 31 maja, do kiedy to trzeba przystosować witryny do wymogów WCAG 2.0 na poziomie podwójnego AA. Problem, niestety i jak zwykle, mają w elementarnej umiejętności - czytania ze zrozumieniem.
Nie chce mi się już po raz kolejny pisać, że ani widżet do zmiany rozmiaru czcionki, ani widżet do zmiany kontrastu nie stanowią o tym, że strona jest dostępna. Ani jeden, ani drugi nie jest do spełnienia wymagań dostępności niezbędny, choć może być pożytecznym dodatkiem. A przy tym i j jeden i drugi rodzi dodatkowe problemy związane dostępnością.
Najogólniejsza zasada jest prosta: witryna dostępna to witryna dostępna dla każdego.
Przeczytaj, Kolego, co napisałeś, i oceń sens tego, co napisałeś:


Najchętniej bym chciał dla sesji użytkownika umożliwić zmianę templatki, przez usera
To znaczy, chciałbyś, żeby z jakiejś niedostępnej, a więc źle zaprojektowanej i wykonanej witryny, za pomocą jakiegoś cudownego guziora użytkownik przenosił się na wersję, która pewno też w wyniku cudu jakiegoś nad Wisłą stanie się dostępna.

Na przywołanej przez Cię stronie Fundacji Widzialni znajdziesz bardzo dobre poradniki na ten temat. radze poczytać i skupić się nie na bajerach, ale na istocie dostępności.
Kolejny poradnik, który jeszcze dosadniej odnosi się do kwestii, o której pisze powyżej, znajdziesz na stronie http://www.integracja.org/

Jeśli potrzebujesz gadżetów, odwiedź najpierw na JED kategorię Accesibility: http://extensions.joomla.org/category/style-a-design/accessibility

kaniagandzowski
14-03-2015, 14:16
Nie takich rad oczekiwałem. Sądziłem, że uzyskam technicznych wskazówek jak podejść do tematu.
A to co napisałeś to dawno znam. Dlatego zapodałem ten temat. Bo nie mogę coś znalść rozwiązania.

I proszę nie tłumacz mi co jest w WCAG oraz jak strona winna być zaprojektowana bo mnie to nie interesuje.

Interesuje mnie jak zmodyfikować templatkę aby mógł ustalić różne style wybrane przez użytkownika.

zwiastun
14-03-2015, 14:55
I proszę nie tłumacz mi co jest w WCAG oraz jak strona winna być zaprojektowana bo mnie to nie interesuje
To bądź tak dobry i popraw temat - bo w temacie odnosisz się wyraźnie do WCAG.

Drugie: skoro znasz, to z czym masz taki wielki problem.
W mizernym bo mizernym, ale jednak jakimś, zestawie rozszerzeń na JED masz dwa rozwiązania bezpłatne, które umożliwiają użytkownikom zmianę rozmiaru czcionki i jedno - również bezpłatne, które umożliwia zmianę na szablon wysokokontrastowy.

Co prawda tonem swojej wypowiedzi nie zachęcasz do pomagania Ci, ale na tym samym JED masz w kategorii Templating co najmniej dwa rozwiązania umożliwiające użytkownikowi wybór opcji wyglądu / dostosowanie do swoich preferencji (CSS2Switch, Template Selector).

kaniagandzowski
14-03-2015, 16:33
Nie wiem jak zmienić temat.

Widziałem te moduły. Bo męcze się z tym kilka dni. I nie zadowala mnie to co jest dostępne.

Zastanawiam się jak w templatce Purity III jest dokonywana zmiana theme (na styl np. czerwony, niebieski i pomarańczowy)

wtedy mógł bym zastosować coś podobnego do tego rozwiązania
http://stackoverflow.com/questions/9309083/joomla-2-5-switching-style-sheets

zwiastun
14-03-2015, 16:53
Załóż nowy temat - opisz dokładniej, o co chodzi, a ten wątek usuniemy.

kaniagandzowski
18-03-2015, 12:33
Stworzyłem moduł, który pozwala dołączyć swoje style
normal.css zawsze ładuje się
contrast.css gdy wybierze użytkownik strone kontrastową
font_big.css, font_large.css, font_normal.css style czcionek - ladowane są odpowiednio dla wybrananego przez użytkownika rozmiaru

Wykorzystuje cookies i sesje przeglądarki.

w tmpl\default.php jest umieszczony kod html przycisków. Ikony generowane są z wykorzystaniem frameworka Bootstrap 3.

Działanie możesz zobaczyć na stronie swieciechowa.pl (patrz ikona przedstawiająca inwalidę)

Uwaga. Nie jestem programistą. To jest mój pierwszy moduł dla Joomla.

moduł do pobrania
https://drive.google.com/file/d/0B6Ev1g3gb5QRM2tfbm51RDJ3UXM/view?usp=sharing

normalnie można zainstalować. Nie ma nic do ustawiania w Panelu Administracyjnym.

zwiastun
18-03-2015, 13:15
Uwaga. Nie jestem programistą. To jest mój pierwszy moduł dla Joomla.
Gratulacje!

kaniagandzowski
19-03-2015, 14:56
poprawki
https://drive.google.com/file/d/0B6Ev1g3gb5QRbXB3cDJHUkM2NW8/view?usp=sharing

zrobiłem, że teraz nic nie dodaje do url. Wykorzystuje ajax ale niestety musi strona przeładować sie aby załadować nowe style.
Moduł tworzy cookies aby pamiętał ustawienia użytkownika.

Wymagania
- bootstrap 3
- jquery

templatka np. t3 framework ma wszystko co trzeba.

Jak komuś nie wyświetla to wina zapewne, będzie po stronie tego, że ja style w tym module ustawiłem sobie pod swój szablon. Tak więc będziesz musiał sam ustawić style.
Przyciski można dowolnie sobie samemu zmieniać ważne aby

w pliku
helprer.php
$(document).on('click', '#wcag li a', function () { wskazywał na twój przycisk czyli <div id="wcag"><li><a>wcag_font_0</a>
słowo wcag_font_0 musi być bo to parametr. Ja schowałem te parametry aby nie wyświetlały się poprzez css w pliku normal.css
#wcag li a span{
display: none;
}


a wygląd przycisków jest w tmpl\default.php

Przykład jak to działą możesz zobaczyć w swieciechowa.pl (http://swieciechowa.pl) - prawy górny ekran - ikona inwalidy

tdi16v
14-04-2015, 10:45
Witam
Naprawdę bardzo dobra robota, możliwe że sam skorzystam bo przymierzam się do postawienia kolejnej strony w oparciu właśnie o ten szablon.
Jedyne co zauważyłem to zbyt wąska kolumna "Wyświetl" albo zbyt dużo czcionka, ponieważ obcięte są końcówki odnośników (Chrome v. 39)

kaniagandzowski
14-04-2015, 13:03
Jak by miał byś problem lub inne uwagi to pisz.
Także zerknij sobie na bip bo i dla niego stworzyłem moduł, który może przydać się do stawiania bip na joomla - patrz wątek na http://forum.joomla.pl/showthread.php?79993-BIP-oparty-na-CMS-Joomla.

przem188
19-09-2015, 12:41
Posiadam szablon shaper_helix3. Tu moduł nie działa mimo że doisnatlowałem najnowszy boostrap.

kaniagandzowski
20-09-2015, 09:42
Posiadam szablon shaper_helix3. Tu moduł nie działa mimo że doinsatlowałem najnowszy boostrap.

Nie działa bo jak pamiętam dużo było rzeczy wprowadzone w templatce, której użyłem. Moduł nie został stworzony w sposób uniwersalny.

Syriusz76
30-09-2015, 19:13
Mi wywala :
JInstaller::Instalacja: Nie istnieje plik /home/users/gim2olaw/public_html/1/tmp/install_560c1766db784/mod_wcag/index.html
Moduł %s: Nie można skopiować plików ze źródła.

Marcelina
01-11-2015, 18:13
A nie łatwiej dodać jakiś prosty skrypt, który w JS podmieni style? Np. dla tekstu przy zmianie rozmiaru i dla kolorów przy kontraście? Oczywiście przydałoby się, żeby zapamiętał tę zmianę na kolejnych podstronach...

kaniagandzowski
01-11-2015, 21:41
Skryptem to można łatwo JS zrobić. Ale trzbea zrobić, aby każde przeładowanie strony pamiętał ustawienie użytkownika. Więc cookies wykorzystać trzeba. Rozwiązań może być wiele.