@robotical/martyblocksjr 3.5.33 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/editions/free/src/app.bundle.js +1 -1
  2. package/editions/free/src/css/base.css +77 -0
  3. package/editions/free/src/css/connection-modal.css +6 -1
  4. package/editions/free/src/css/editor.css +86 -34
  5. package/editions/free/src/css/editorleftpanel.css +8 -0
  6. package/editions/free/src/css/editorstage.css +5 -1
  7. package/editions/free/src/css/lobby.css +28 -9
  8. package/editions/free/src/css/thumbs.css +18 -0
  9. package/editions/free/src/css/tutorial.css +6 -1
  10. package/editions/free/src/home.html +46 -26
  11. package/editions/free/src/inapp/blocks.html +43 -43
  12. package/editions/free/src/inapp/interface.html +49 -49
  13. package/editions/free/src/inapp/paint.html +40 -40
  14. package/editions/free/src/inapp/style/interface.css +2 -0
  15. package/editions/free/src/inapp/style/paint.css +2 -0
  16. package/editions/free/src/inapp/style/style.css +44 -0
  17. package/editions/free/src/localizations/bg.json +36 -2
  18. package/editions/free/src/localizations/ca.json +36 -2
  19. package/editions/free/src/localizations/cs.json +36 -2
  20. package/editions/free/src/localizations/cy.json +36 -2
  21. package/editions/free/src/localizations/da.json +36 -2
  22. package/editions/free/src/localizations/de.json +36 -2
  23. package/editions/free/src/localizations/el.json +36 -2
  24. package/editions/free/src/localizations/en.json +41 -7
  25. package/editions/free/src/localizations/es.json +36 -2
  26. package/editions/free/src/localizations/fi.json +36 -2
  27. package/editions/free/src/localizations/fr.json +36 -2
  28. package/editions/free/src/localizations/it.json +36 -2
  29. package/editions/free/src/localizations/ja.json +36 -2
  30. package/editions/free/src/localizations/ko.json +36 -2
  31. package/editions/free/src/localizations/nl.json +36 -2
  32. package/editions/free/src/localizations/no.json +36 -2
  33. package/editions/free/src/localizations/pl.json +36 -2
  34. package/editions/free/src/localizations/pt-br.json +36 -2
  35. package/editions/free/src/localizations/pt.json +36 -2
  36. package/editions/free/src/localizations/sv.json +36 -2
  37. package/editions/free/src/localizations/th.json +36 -2
  38. package/editions/free/src/localizations/tr.json +36 -2
  39. package/editions/free/src/localizations/uk.json +36 -2
  40. package/editions/free/src/localizations/zh-cn.json +36 -2
  41. package/editions/free/src/localizations/zh-tw.json +36 -2
  42. package/package.json +6 -2
  43. package/scripts/a11y-structure.mjs +177 -0
  44. package/tests/e2e/accessibility.e2e.test.js +596 -0
  45. package/vitest.config.js +2 -1
package/editions/free/src/home.html CHANGED
@@ -18,12 +18,16 @@
18
18
  <div class="frame" id="frame">
19
19
  <div class="topbar" id="topbar">
20
20
  <ul class="topbar-nav" id="nav">
21
- <li class="logo" id="logotab">
22
- <!-- <span class="logo-icon"></span> -->
21
+ <li>
22
+ <button class="topbar-tab logo" id="logotab" type="button">
23
+ <span class="logo-icon"></span>
24
+ </button>
23
25
  </li>
24
26
  <div></div>
25
- <li class="home" id="hometab">
26
- <span class="home-icon"></span>
27
+ <li>
28
+ <button class="topbar-tab home" id="hometab" type="button">
29
+ <span class="home-icon"></span>
30
+ </button>
27
31
  </li>
28
32
  <!-- <div></div>
29
33
  <li class="help" id="helptab">
@@ -33,14 +37,18 @@
33
37
  </ul>
34
38
  <ul class="reference" id="settings">
35
39
  <div></div>
36
- <li class="gear" id="geartab">
37
- <span class="gear-icon"></span>
40
+ <li>
41
+ <button class="topbar-tab gear" id="geartab" type="button">
42
+ <span class="gear-icon"></span>
43
+ </button>
38
44
  </li>
39
45
  </ul>
40
46
  <ul class="reference" id="reference">
41
47
  <div></div>
42
- <li class="book" id="booktab">
43
- <span class="book-icon"></span>
48
+ <li>
49
+ <button class="topbar-tab book" id="booktab" type="button">
50
+ <span class="book-icon"></span>
51
+ </button>
44
52
  </li>
45
53
  </ul>
46
54
  </div>
@@ -48,7 +56,7 @@
48
56
  <div class="tabtitle" id="tabtitle">
49
57
  <span id="tabheader"></span>
50
58
  </div>
51
- <div class="tabicon" id="tabicon"></div>
59
+ <button class="tabicon" id="tabicon" type="button"></button>
52
60
  <div class="blueband" id="blueband">
53
61
  <span id="subtitle"></span>
54
62
  </div>
@@ -56,29 +64,41 @@
56
64
  <div class="contentwrap" id="wrapc"></div>
57
65
  <div class="footer off" id="footer">
58
66
  <ul class="footer-nav" id="footernav">
59
- <li class="tab" id="abouttab" >
60
- <div class="about-icon"></div>
61
- <span id="abouttab-text"></span>
67
+ <li>
68
+ <button class="footer-tab-button tab" id="abouttab" type="button">
69
+ <div class="about-icon"></div>
70
+ <span id="abouttab-text"></span>
71
+ </button>
62
72
  </li>
63
- <li class="tab" id="interfacetab">
64
- <div class="interface-icon"></div>
65
- <span id="interfacetab-text"></span>
73
+ <li>
74
+ <button class="footer-tab-button tab" id="interfacetab" type="button">
75
+ <div class="interface-icon"></div>
76
+ <span id="interfacetab-text"></span>
77
+ </button>
66
78
  </li>
67
- <li class="tab" id="painttab">
68
- <div class="paint-icon"></div>
79
+ <li>
80
+ <button class="footer-tab-button tab" id="painttab" type="button">
81
+ <div class="paint-icon"></div>
69
82
  <span id="painttab-text"></span>
83
+ </button>
70
84
  </li>
71
- <li class="tab" id="blockstab">
72
- <div class="blocks-icon"></div>
73
- <span id="blockstab-text"></span>
85
+ <li>
86
+ <button class="footer-tab-button tab" id="blockstab" type="button">
87
+ <div class="blocks-icon"></div>
88
+ <span id="blockstab-text"></span>
89
+ </button>
74
90
  </li>
75
- <li class="tab" id="tutorialstab">
76
- <div class="tutorials-icon"></div>
77
- <span id="tutorialstab-text"></span>
91
+ <li>
92
+ <button class="footer-tab-button tab" id="tutorialstab" type="button">
93
+ <div class="tutorials-icon"></div>
94
+ <span id="tutorialstab-text"></span>
95
+ </button>
78
96
  </li>
79
- <li class="tab2" id="privacytab">
80
- <div class="privacy-icon"></div>
81
- <span id="privacytab-text"></span>
97
+ <li>
98
+ <button class="footer-tab-button tab2" id="privacytab" type="button">
99
+ <div class="privacy-icon"></div>
100
+ <span id="privacytab-text"></span>
101
+ </button>
82
102
  </li>
83
103
  <div></div>
84
104
  </ul>
package/editions/free/src/inapp/blocks.html CHANGED
@@ -21,7 +21,7 @@
21
21
  <div class="block-title" id="BLOCKS_GREEN_FLAG">
22
22
  </div>
23
23
  <div class="block-image-wrapper">
24
- <img class="block-image" src="images/onflag.png" />
24
+ <img class="block-image" src="images/onflag.png" alt="" />
25
25
  </div>
26
26
  <div class="block-description" id="BLOCKS_GREEN_FLAG_DESCRIPTION">
27
27
  </div>
@@ -30,7 +30,7 @@
30
30
  <div class="block-title" id="BLOCKS_ON_TILT">
31
31
  </div>
32
32
  <div class="block-image-wrapper">
33
- <img class="block-image" src="images/ontiltany.png" />
33
+ <img class="block-image" src="images/ontiltany.png" alt="" />
34
34
  </div>
35
35
  <div class="block-description" id="BLOCKS_ON_TILT_DESCRIPTION">
36
36
  </div>
@@ -41,7 +41,7 @@
41
41
  <div class="block-title" id="BLOCKS_ON_TOUCH_Cog">
42
42
  </div>
43
43
  <div class="block-image-wrapper">
44
- <img class="block-image" src="images/ontouch.png" />
44
+ <img class="block-image" src="images/ontouch.png" alt="" />
45
45
  </div>
46
46
  <div class="block-description" id="BLOCKS_ON_TOUCH_Cog_DESCRIPTION">
47
47
  </div>
@@ -50,7 +50,7 @@
50
50
  <div class="block-title" id="BLOCKS_ON_MOVE">
51
51
  </div>
52
52
  <div class="block-image-wrapper">
53
- <img class="block-image" src="images/onshake.png" />
53
+ <img class="block-image" src="images/onshake.png" alt="" />
54
54
  </div>
55
55
  <div class="block-description" id="BLOCKS_ON_MOVE_DESCRIPTION">
56
56
  </div>
@@ -61,7 +61,7 @@
61
61
  <div class="block-title" id="BLOCKS_ON_TAP">
62
62
  </div>
63
63
  <div class="block-image-wrapper">
64
- <img class="block-image" src="images/ontap.png" />
64
+ <img class="block-image" src="images/ontap.png" alt="" />
65
65
  </div>
66
66
  <div class="block-description" id="BLOCKS_ON_TAP_DESCRIPTION">
67
67
  </div>
@@ -70,7 +70,7 @@
70
70
  <div class="block-title" id="BLOCKS_ON_TOUCH">
71
71
  </div>
72
72
  <div class="block-image-wrapper">
73
- <img class="block-image" src="images/onbump.png" />
73
+ <img class="block-image" src="images/onbump.png" alt="" />
74
74
  </div>
75
75
  <div class="block-description" id="BLOCKS_ON_TOUCH_DESCRIPTION">
76
76
  </div>
@@ -81,7 +81,7 @@
81
81
  <div class="block-title" id="BLOCKS_ON_MESSAGE">
82
82
  </div>
83
83
  <div class="block-image-wrapper">
84
- <img class="block-image" src="images/messagereceive.png" />
84
+ <img class="block-image" src="images/messagereceive.png" alt="" />
85
85
  </div>
86
86
  <div class="block-description" id="BLOCKS_ON_MESSAGE_DESCRIPTION">
87
87
  </div>
@@ -90,7 +90,7 @@
90
90
  <div class="block-title" id="BLOCKS_SEND_MESSAGE">
91
91
  </div>
92
92
  <div class="block-image-wrapper">
93
- <img class="block-image" src="images/messagesend.png" />
93
+ <img class="block-image" src="images/messagesend.png" alt="" />
94
94
  </div>
95
95
  <div class="block-description" id="BLOCKS_SEND_MESSAGE_DESCRIPTION">
96
96
  </div>
@@ -101,7 +101,7 @@
101
101
  <div class="block-title" id="BLOCK_DESC_ON_STEER">
102
102
  </div>
103
103
  <div class="block-image-wrapper">
104
- <img class="block-image" src="images/steerleft.png" />
104
+ <img class="block-image" src="images/steerleft.png" alt="" />
105
105
  </div>
106
106
  <div class="block-description" id="BLOCKS_ON_STEER_COG_DESCRIPTION">
107
107
  </div>
@@ -110,7 +110,7 @@
110
110
  <div class="block-title" id="BLOCK_DESC_MARTY_ON_COLOUR_SENSED">
111
111
  </div>
112
112
  <div class="block-image-wrapper">
113
- <img class="block-image" src="images/martycoloursensedblue.png" />
113
+ <img class="block-image" src="images/martycoloursensedblue.png" alt="" />
114
114
  </div>
115
115
  <div class="block-description" id="BLOCK_DESC_MARTY_ON_COLOUR_SENSED_DESCRIPTION">
116
116
  </div>
@@ -121,7 +121,7 @@
121
121
  <div class="block-title" id="BLOCK_DESC_MARTY_ON_OBSTACLE_SENSED">
122
122
  </div>
123
123
  <div class="block-image-wrapper">
124
- <img class="block-image" src="images/martyobstaclesensedobstaclesensed.png" />
124
+ <img class="block-image" src="images/martyobstaclesensedobstaclesensed.png" alt="" />
125
125
  </div>
126
126
  <div class="block-description" id="BLOCK_DESC_MARTY_ON_OBSTACLE_SENSED_DESCRIPTION">
127
127
  </div>
@@ -130,7 +130,7 @@
130
130
  <div class="block-title" id="BLOCK_DESC_MARTY_ON_LIGHT_SENSED">
131
131
  </div>
132
132
  <div class="block-image-wrapper">
133
- <img class="block-image" src="images/martylightsensedhigh.png" />
133
+ <img class="block-image" src="images/martylightsensedhigh.png" alt="" />
134
134
  </div>
135
135
  <div class="block-description" id="BLOCK_DESC_MARTY_ON_LIGHT_SENSED_DESCRIPTION">
136
136
  </div>
@@ -141,7 +141,7 @@
141
141
  <div class="block-title" id="BLOCK_DESC_MARTY_ON_NOISE_SENSED">
142
142
  </div>
143
143
  <div class="block-image-wrapper">
144
- <img class="block-image" src="images/martynoisesensednoisesensed.png" />
144
+ <img class="block-image" src="images/martynoisesensednoisesensed.png" alt="" />
145
145
  </div>
146
146
  <div class="block-description" id="BLOCK_DESC_MARTY_ON_NOISE_SENSED_DESCRIPTION">
147
147
  </div>
@@ -156,7 +156,7 @@
156
156
  <div class="block-title" id="BLOCKS_MOVE_RIGHT">
157
157
  </div>
158
158
  <div class="block-image-wrapper">
159
- <img class="block-image" src="images/right.png" />
159
+ <img class="block-image" src="images/right.png" alt="" />
160
160
  </div>
161
161
  <div class="block-description" id="BLOCKS_MOVE_RIGHT_DESCRIPTION">
162
162
  </div>
@@ -165,7 +165,7 @@
165
165
  <div class="block-title" id="BLOCKS_MOVE_LEFT">
166
166
  </div>
167
167
  <div class="block-image-wrapper">
168
- <img class="block-image" src="images/left.png" />
168
+ <img class="block-image" src="images/left.png" alt="" />
169
169
  </div>
170
170
  <div class="block-description" id="BLOCKS_MOVE_LEFT_DESCRIPTION">
171
171
  </div>
@@ -176,7 +176,7 @@
176
176
  <div class="block-title" id="BLOCKS_MOVE_UP">
177
177
  </div>
178
178
  <div class="block-image-wrapper">
179
- <img class="block-image" src="images/up.png" />
179
+ <img class="block-image" src="images/up.png" alt="" />
180
180
  </div>
181
181
  <div class="block-description" id="BLOCKS_MOVE_UP_DESCRIPTION">
182
182
  </div>
@@ -185,7 +185,7 @@
185
185
  <div class="block-title" id="BLOCKS_MOVE_DOWN">
186
186
  </div>
187
187
  <div class="block-image-wrapper">
188
- <img class="block-image" src="images/down.png" />
188
+ <img class="block-image" src="images/down.png" alt="" />
189
189
  </div>
190
190
  <div class="block-description" id="BLOCKS_MOVE_DOWN_DESCRIPTION">
191
191
  </div>
@@ -196,7 +196,7 @@
196
196
  <div class="block-title" id="BLOCKS_TURN_RIGHT">
197
197
  </div>
198
198
  <div class="block-image-wrapper">
199
- <img class="block-image" src="images/turnright.png" />
199
+ <img class="block-image" src="images/turnright.png" alt="" />
200
200
  </div>
201
201
  <div class="block-description" id="BLOCKS_TURN_RIGHT_DESCRIPTION">
202
202
  </div>
@@ -205,7 +205,7 @@
205
205
  <div class="block-title" id="BLOCKS_TURN_LEFT">
206
206
  </div>
207
207
  <div class="block-image-wrapper">
208
- <img class="block-image" src="images/turnleft.png" />
208
+ <img class="block-image" src="images/turnleft.png" alt="" />
209
209
  </div>
210
210
  <div class="block-description" id="BLOCKS_TURN_LEFT_DESCRIPTION">
211
211
  </div>
@@ -216,7 +216,7 @@
216
216
  <div class="block-title" id="BLOCKS_HOP">
217
217
  </div>
218
218
  <div class="block-image-wrapper">
219
- <img class="block-image" src="images/hop.png" />
219
+ <img class="block-image" src="images/hop.png" alt="" />
220
220
  </div>
221
221
  <div class="block-description" id="BLOCKS_HOP_DESCRIPTION">
222
222
  </div>
@@ -225,7 +225,7 @@
225
225
  <div class="block-title" id="BLOCKS_GO_HOME">
226
226
  </div>
227
227
  <div class="block-image-wrapper">
228
- <img class="block-image" src="images/gohome.png" />
228
+ <img class="block-image" src="images/gohome.png" alt="" />
229
229
  </div>
230
230
  <div class="block-description" id="BLOCKS_GO_HOME_DESCRIPTION">
231
231
  </div>
@@ -240,7 +240,7 @@
240
240
  <div class="block-title" id="BLOCKS_SET_PATTERN">
241
241
  </div>
242
242
  <div class="block-image-wrapper">
243
- <img class="block-image" src="images/patternrainbow.png" />
243
+ <img class="block-image" src="images/patternrainbow.png" alt="" />
244
244
  </div>
245
245
  <div class="block-description" id="BLOCKS_SET_PATTERN_DESCRIPTION">
246
246
  </div>
@@ -249,7 +249,7 @@
249
249
  <div class="block-title" id="BLOCKS_SELECT_COLOUR">
250
250
  </div>
251
251
  <div class="block-image-wrapper">
252
- <img class="block-image" src="images/clearcolours.png" />
252
+ <img class="block-image" src="images/clearcolours.png" alt="" />
253
253
  </div>
254
254
  <div class="block-description" id="BLOCKS_SELECT_COLOUR_DESCRIPTION">
255
255
  </div>
@@ -260,7 +260,7 @@
260
260
  <div class="block-title" id="BLOCKS_SAY">
261
261
  </div>
262
262
  <div class="block-image-wrapper">
263
- <img class="block-image" src="images/say.png" />
263
+ <img class="block-image" src="images/say.png" alt="" />
264
264
  </div>
265
265
  <div class="block-description" id="BLOCKS_SAY_DESCRIPTION">
266
266
  </div>
@@ -269,7 +269,7 @@
269
269
  <div class="block-title" id="BLOCKS_GROW">
270
270
  </div>
271
271
  <div class="block-image-wrapper">
272
- <img class="block-image" src="images/grow.png" />
272
+ <img class="block-image" src="images/grow.png" alt="" />
273
273
  </div>
274
274
  <div class="block-description" id="BLOCKS_GROW_DESCRIPTION">
275
275
  </div>
@@ -280,7 +280,7 @@
280
280
  <div class="block-title" id="BLOCKS_SHRINK">
281
281
  </div>
282
282
  <div class="block-image-wrapper">
283
- <img class="block-image" src="images/shrink.png" />
283
+ <img class="block-image" src="images/shrink.png" alt="" />
284
284
  </div>
285
285
  <div class="block-description" id="BLOCKS_SHRINK_DESCRIPTION">
286
286
  </div>
@@ -289,7 +289,7 @@
289
289
  <div class="block-title" id="BLOCKS_RESET_SIZE">
290
290
  </div>
291
291
  <div class="block-image-wrapper">
292
- <img class="block-image" src="images/reset.png" />
292
+ <img class="block-image" src="images/reset.png" alt="" />
293
293
  </div>
294
294
  <div class="block-description" id="BLOCKS_RESET_SIZE_DESCRIPTION">
295
295
  </div>
@@ -300,7 +300,7 @@
300
300
  <div class="block-title" id="BLOCKS_HIDE">
301
301
  </div>
302
302
  <div class="block-image-wrapper">
303
- <img class="block-image" src="images/hide.png" />
303
+ <img class="block-image" src="images/hide.png" alt="" />
304
304
  </div>
305
305
  <div class="block-description" id="BLOCKS_HIDE_DESCRIPTION">
306
306
  </div>
@@ -309,7 +309,7 @@
309
309
  <div class="block-title" id="BLOCKS_SHOW">
310
310
  </div>
311
311
  <div class="block-image-wrapper">
312
- <img class="block-image" src="images/show.png" />
312
+ <img class="block-image" src="images/show.png" alt="" />
313
313
  </div>
314
314
  <div class="block-description" id="BLOCKS_SHOW_DESCRIPTION">
315
315
  </div>
@@ -323,7 +323,7 @@
323
323
  <div class="block-title" id="BLOCK_PLAY_CONFUSION_SOUND">
324
324
  </div>
325
325
  <div class="block-image-wrapper">
326
- <img class="block-image" src="images/sound_confusion.png" />
326
+ <img class="block-image" src="../assets/blockicons/MartyConfusion.svg" alt="" />
327
327
  </div>
328
328
  <div class="block-description" id="BLOCK_PLAY_CONFUSION_SOUND_DESCRIPTION">
329
329
  </div>
@@ -332,7 +332,7 @@
332
332
  <div class="block-title" id="BLOCK_PLAY_DISBELIEF_SOUND">
333
333
  </div>
334
334
  <div class="block-image-wrapper">
335
- <img class="block-image" src="images/sound_disbelief.png" />
335
+ <img class="block-image" src="../assets/blockicons/MartyDisbelief.svg" alt="" />
336
336
  </div>
337
337
  <div class="block-description" id="BLOCK_PLAY_DISBELIEF_SOUND_DESCRIPTION">
338
338
  </div>
@@ -343,7 +343,7 @@
343
343
  <div class="block-title" id="BLOCK_PLAY_EXCITEMENT_SOUND">
344
344
  </div>
345
345
  <div class="block-image-wrapper">
346
- <img class="block-image" src="images/sound_excitement.png" />
346
+ <img class="block-image" src="../assets/blockicons/MartyExcitment.svg" alt="" />
347
347
  </div>
348
348
  <div class="block-description" id="BLOCK_PLAY_EXCITEMENT_SOUND_DESCRIPTION">
349
349
  </div>
@@ -352,7 +352,7 @@
352
352
  <div class="block-title" id="BLOCK_PLAY_NOWAY_SOUND">
353
353
  </div>
354
354
  <div class="block-image-wrapper">
355
- <img class="block-image" src="images/sound_noWay.png" />
355
+ <img class="block-image" src="../assets/blockicons/MartyNoWay.svg" alt="" />
356
356
  </div>
357
357
  <div class="block-description" id="BLOCK_PLAY_NOWAY_SOUND_DESCRIPTION">
358
358
  </div>
@@ -363,7 +363,7 @@
363
363
  <div class="block-title" id="BLOCK_PLAY_NO_SOUND">
364
364
  </div>
365
365
  <div class="block-image-wrapper">
366
- <img class="block-image" src="images/sound_no.png" />
366
+ <img class="block-image" src="../assets/blockicons/MartyNo.svg" alt="" />
367
367
  </div>
368
368
  <div class="block-description" id="BLOCK_PLAY_NO_SOUND_DESCRIPTION">
369
369
  </div>
@@ -372,7 +372,7 @@
372
372
  <div class="block-title" id="BLOCK_PLAY_WHISTLE_SOUND">
373
373
  </div>
374
374
  <div class="block-image-wrapper">
375
- <img class="block-image" src="images/sound_whistle.png" />
375
+ <img class="block-image" src="../assets/blockicons/MartyWhistle.svg" alt="" />
376
376
  </div>
377
377
  <div class="block-description" id="BLOCK_PLAY_WHISTLE_SOUND_DESCRIPTION">
378
378
  </div>
@@ -383,7 +383,7 @@
383
383
  <div class="block-title" id="BLOCK_PLAY_NOTE">
384
384
  </div>
385
385
  <div class="block-image-wrapper">
386
- <img class="block-image" src="images/playnote.png" />
386
+ <img class="block-image" src="images/playnote.png" alt="" />
387
387
  </div>
388
388
  <div class="block-description" id="BLOCK_PLAY_NOTE_DESCRIPTION">
389
389
  </div>
@@ -397,7 +397,7 @@
397
397
  <div class="block-title" id="BLOCKS_WAIT">
398
398
  </div>
399
399
  <div class="block-image-wrapper">
400
- <img class="block-image" src="images/wait.png" />
400
+ <img class="block-image" src="images/wait.png" alt="" />
401
401
  </div>
402
402
  <div class="block-description" id="BLOCKS_WAIT_DESCRIPTION">
403
403
  </div>
@@ -406,7 +406,7 @@
406
406
  <div class="block-title" id="BLOCKS_STOP">
407
407
  </div>
408
408
  <div class="block-image-wrapper">
409
- <img class="block-image" src="images/stop.png" />
409
+ <img class="block-image" src="images/stop.png" alt="" />
410
410
  </div>
411
411
  <div class="block-description" id="BLOCKS_STOP_DESCRIPTION">
412
412
  </div>
@@ -417,7 +417,7 @@
417
417
  <div class="block-title" id="BLOCKS_SET_SPEED">
418
418
  </div>
419
419
  <div class="block-image-wrapper">
420
- <img class="block-image" src="images/speed.png" />
420
+ <img class="block-image" src="images/speed.png" alt="" />
421
421
  </div>
422
422
  <div class="block-description" id="BLOCKS_SET_SPEED_DESCRIPTION">
423
423
  </div>
@@ -426,7 +426,7 @@
426
426
  <div class="block-title" id="BLOCKS_REPEAT">
427
427
  </div>
428
428
  <div class="block-image-wrapper">
429
- <img class="block-image-repeat" src="images/repeat.png" />
429
+ <img class="block-image-repeat" src="images/repeat.png" alt="" />
430
430
  </div>
431
431
  <div class="block-description-repeat" id="BLOCKS_REPEAT_DESCRIPTION">
432
432
  </div>
@@ -440,7 +440,7 @@
440
440
  <div class="block-title" id="BLOCKS_END">
441
441
  </div>
442
442
  <div class="block-image-wrapper">
443
- <img class="block-image" src="images/end.png" />
443
+ <img class="block-image" src="images/end.png" alt="" />
444
444
  </div>
445
445
  <div class="block-description" id="BLOCKS_END_DESCRIPTION">
446
446
  </div>
@@ -449,7 +449,7 @@
449
449
  <div class="block-title" id="BLOCKS_REPEAT_FOREVER">
450
450
  </div>
451
451
  <div class="block-image-wrapper">
452
- <img class="block-image" src="images/forever.png" />
452
+ <img class="block-image" src="images/forever.png" alt="" />
453
453
  </div>
454
454
  <div class="block-description" id="BLOCKS_REPEAT_FOREVER_DESCRIPTION">
455
455
  </div>
@@ -460,7 +460,7 @@
460
460
  <div class="block-title" id="BLOCKS_GO_TO_PAGE">
461
461
  </div>
462
462
  <div class="block-image-wrapper">
463
- <img class="block-image" src="images/page.png" />
463
+ <img class="block-image" src="images/page.png" alt="" />
464
464
  </div>
465
465
  <div class="block-description" id="BLOCKS_GO_TO_PAGE_DESCRIPTION">
466
466
  </div>