https://pouvg.hr/a11y/scripts/a11y.js

1$(document).ready(function (jQuery) {
2	var a11yBox = "";
3	a11yBox += "<div class='a11yholder'>"
4	a11yBox += "<h3>Pristupačnost<a href='#' class='btn_close_accessHolder'><img src='/a11y/css/x.svg' class='a11yicon_close'></a></h3>";
5	a11yBox += "<ul class='a11y-list'>"
6	a11yBox += "<li class='li-font1 selected'><a class='ay11NormalFont' href='#'><img src='/a11y/css/aminus.svg' class='a11yicon_bigfont'>Normalan font</a></li>";
7	a11yBox += "<li class='li-font2'><a class='a11yLargeFont' href='#'><img src='/a11y/css/aplus.svg' class='a11yicon_smolfont'>Povećani font</a></li>";
8	a11yBox += "<li class='li-font3'><a class='a11yLargestFont' href='#'><img src='/a11y/css/aplus.svg' class='a11yicon_smolfont'>Veliki font</a></li>";
9	a11yBox += "<li class='li-contrast'><a class='a11yContrast' href='#'><img src='/a11y/css/eye-off.svg' class='a11yicon_kontrast'>Kontrast</a></li>";
10	a11yBox += "<li class='li-dys'><a class='a11yDys' href='#'><img src='/a11y/css/f.svg' class='a11yicon_dys'>Disleksija</a></li>";
11	a11yBox += "<li class='li-links'><a class='a11yLinks' href='#'><img src='/a11y/css/d.svg' class='a11yicon_linkovi'>Podcrtaj linkove</a></li>";
12	a11yBox += "<li class='li-cursor'><a class='a11yCursor' href='#'><img src='/a11y/css/icons8-cursor-100.png' class='a11yicon_linkovi'>Povećaj kursor</a></li>";
13	a11yBox += "</ul>"
14	a11yBox += "<div class='acc-txt'>Ukoliko želite poništiti postavke, stisnite tipku 'Resetiraj postavke'.</div>";
15	a11yBox += "<div><a class='a11ybtnReset' href='#'>Resetiraj postavke</a></div>"
16	a11yBox += "</div>"
17
18	$("body").append("<div class='a11y_btn'><img src='/a11y/css/a11y-man.svg'></div>");
19	$("body").append(a11yBox);
20
21	checkDefaults();
22
23	// functions
24	$("body .a11ybtnReset").on("click", function(e){
25		$("html").removeClass (function (index, className) {
26			return (className.match (/(^|\s)a11y-\S+/g) || []).join(' ');
27		});
28		$(".a11y-list > li").removeClass("selected");
29		$(".li-font1").addClass("selected");
30		$.removeCookie('a11y', { path: '/' });
31	});
32
33	$("body .a11y_btn, body .btn_close_accessHolder").on("click", function(e){
34		e.preventDefault();
35		if (!$(".a11yholder").is(":visible")) {
36			$(".a11yholder").fadeIn();
37		} else {
38			$(".a11yholder").fadeOut()
39		}
40	});
41
42	$("body .a11yCursor").on("click", function(e){
43		e.preventDefault();
44		$("html").toggleClass("a11y-cursor");
45		$(".li-cursor").toggleClass("selected");
46		setCookie();
47	});
48
49	$("body .ay11NormalFont").on("click", function(e){
50		e.preventDefault();
51		$("html").toggleClass("a11y-font1");
52		$("html").removeClass("a11y-font2");
53		$("html").removeClass("a11y-font3");
54
55		$(".li-font1").toggleClass("selected");
56		$(".li-font2").removeClass("selected");
57		$(".li-font3").removeClass("selected");
58
59		setCookie();
60	});
61
62	$("body .a11yLargeFont").on("click", function(e){
63		e.preventDefault();
64		$("html").removeClass("a11y-font1");
65		$("html").toggleClass("a11y-font2");
66		$("html").removeClass("a11y-font3");
67
68		$(".li-font1").removeClass("selected");
69		$(".li-font2").toggleClass("selected");
70		$(".li-font3").removeClass("selected");
71
72		setCookie();
73	});
74
75	$("body .a11yLargestFont").on("click", function(e){
76		e.preventDefault();
77		$("html").removeClass("a11y-font1");
78		$("html").removeClass("a11y-font2");
79		$("html").toggleClass("a11y-font3");
80
81		$(".li-font1").removeClass("selected");
82		$(".li-font2").removeClass("selected");
83		$(".li-font3").toggleClass("selected");
84
85		setCookie();
86	});
87
88	$("body .a11yDys").on("click", function(e){
89		e.preventDefault();
90		$("html").toggleClass("a11y-dys");
91
92		$(".li-dys").toggleClass("selected");
93
94		setCookie();
95	});
96
97	$("body .a11yLinks").on("click", function(e){
98		e.preventDefault();
99		$("html").toggleClass("a11y-links");
100
101		$(".li-links").toggleClass("selected");
102
103		setCookie();
104	});
105
106	$("body .a11yContrast").on("click", function(e){
107		e.preventDefault();
108		$("html").toggleClass("a11y-contrast");
109
110		$(".li-contrast").toggleClass("selected");
111
112		setCookie();
113	});
114
115});
116
117var a11yObject = {};
118
119function setCookie(){
120	a11yObject.font1 = $("html").hasClass("a11y-font1");
121	a11yObject.font2 = $("html").hasClass("a11y-font2");
122	a11yObject.font3 = $("html").hasClass("a11y-font3");
123	a11yObject.contrast = $("html").hasClass("a11y-contrast");
124	a11yObject.dys = $("html").hasClass("a11y-dys");
125	a11yObject.links = $("html").hasClass("a11y-links");
126	a11yObject.cursor = $("html").hasClass("a11y-cursor");
127
128	var stringified = JSON.stringify(a11yObject);
129    $.cookie("a11y", stringified, { expires: 10, path: '/' });

130}
131
132function checkDefaults(){
133	var a11yCookie = $.cookie("a11y");
134    if (a11yCookie) {
135        var cookieObject = JSON.parse(a11yCookie);
136       if(cookieObject.font1){
137		   $("html").addClass("a11y-font1");
138		   $("html").removeClass("a11y-font2");
139		   $("html").removeClass("a11y-font3");
140		   $(".li-font1").removeClass("selected").addClass("selected");
141	   }
142	   if(cookieObject.font2){
143			$("html").addClass("a11y-font2");
144			$(".li-font1").removeClass("selected");
145			$(".li-font2").addClass("selected");
146		}
147		if(cookieObject.font3){
148			$("html").addClass("a11y-font3");
149			$(".li-font1").removeClass("selected");
150			$(".li-font3").addClass("selected");
151		}
152		if(cookieObject.contrast){
153			$("html").addClass("a11y-contrast");
154			$(".li-contrast").addClass("selected");
155		}
156		if(cookieObject.dys){
157			$("html").addClass("a11y-dys");
158			$(".li-dys").addClass("selected");
159		}
160		if(cookieObject.links){
161			$("html").addClass("a11y-links");
162			$(".li-links").addClass("selected");
163		}
164		if(cookieObject.cursor){
165			$("html").addClass("a11y-cursor");
166			$(".li-cursor").addClass("selected");
167		}
168    }
169}