ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ
Button visually impaired ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΠ°Π±ΠΈΠ»ΡΠ½ΡΠ΅ Π²ΡΠΏΡΡΠΊΠΈ Π²ΡΠ΅Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΈ ΠΏΠ»Π°ΡΡΠΎΡΠΌ. ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ Π²Π΅ΡΡΠΈΡ WebKit.
ΠΡΠ°ΡΠ·Π΅Ρ | ΠΠ΅ΡΡΠΈΡ |
Chrome | >= 45 |
Firefox | >= 38 |
Edge | >= 12 |
Explorer | >= 10 |
iOS | >= 9 |
Safari | >= 9 |
Android | >= 4.4 |
Opera | >= 30 |
Π‘ΠΊΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΠ»Π°ΡΡ .bvi-hide
ΡΠΊΡΡΠ²Π°Π΅Ρ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΊΠ»ΡΡΠΈΡ Π²Π΅ΡΡΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
.
<div class="bvi-hide">Π’Π΅ΠΊΡΡ ΡΠΊΡΠΎΠ΅ΡΡΡ ΠΏΡΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°.</div>
ΠΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΠ»Π°ΡΡ .bvi-show
ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΊΠ»ΡΡΠΈΡ Π²Π΅ΡΡΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
.
<div class="bvi-show">Π’Π΅ΠΊΡΡ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΏΡΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°.</div>
Π‘ΠΈΠ½ΡΠ΅Π· ΡΠ΅ΡΠΈ
ΠΠ»Π°ΡΡ .bvi-tts
ΠΎΠ·Π²ΡΡΠΈΡ Π²ΡΠ»ΡΡ
ΡΠ΅ΠΊΡΡ, Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²ΠΊΠ»ΡΡΠΈΡ Π²Π΅ΡΡΠΈΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
.
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ Web Speech API. ΠΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½Π°Ρ Π΄Π»ΠΈΠ½Π° ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡ ΡΠ²Π»ΡΠ΅ΡΡΡ 32,767 ΡΠΈΠΌΠ²ΠΎΠ»Π°.
<div class="bvi-tts">Π’Π΅ΠΊΡΡ ΠΊΠΎΡΠΎΡΡΠΉ Π½ΡΠΆΠ½ΠΎ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ.</div>
ΠΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΡΠ΅ ΡΡΡΠ»ΠΊΠΈ
ΠΠ»Π°ΡΡ .bvi-open
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
<a href="#" class="bvi-open">ΠΠ΅ΡΡΠΈΡ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
</a>
ΠΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΡΠΉ ΠΊΠ»Π°ΡΡ .my-class
.
<a href="#" class="my-class">ΠΠ΅ΡΡΠΈΡ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
</a>
ΠΡΡΡΡΡΠΉ ΡΡΠ°ΡΡ
Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°Β <link>
Β Π² ΡΠ²ΠΎΠΉΒ <head>
Β ΠΏΠ΅ΡΠ΅Π΄ Π²ΡΠ΅ΠΌΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ ΡΡΠΈΠ»Π΅ΠΉ, ΡΡΠΎΠ±Ρ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Π½Π°Ρ CSS.
<link rel="stylesheet" href="http://domain.name/css/bvi.min.css" type="text/css">
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π½Π°ΡΠΈΡ
ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² ΡΡΠ΅Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ JavaScript. Π’ΠΎΡΠ½Π΅Π΅ — ΠΈΠΌ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ jQuery Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΈ Π½Π°Ρ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π²Π΅ΡΡΠΈΠΈ jQuery:Β 1.x, 2.x, 3.x. ΠΠ»Ρ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΡΡΠΎΠΊ ΠΊΠΎΠ΄Π° <script>
Β Π² ΠΊΠΎΠ½ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡ, ΠΏΡΡΠΌΠΎ ΠΏΠ΅ΡΠ΅Π΄ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌΒ </body>
. Π‘ΠΏΠ΅ΡΠ²Π° jQuery ΠΏΠΎΡΠΎΠΌ Π½Π°ΡΠΈ.
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://domain.name/js/js.cookie.js"></script>
<script src="https://domain.name/js/bvi-init.js"></script>
<script src="https://domain.name/js/bvi.min.js"></script>
ΠΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·Π°ΡΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° Ρ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ
ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΠ» bvi-init.js
Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π° ΡΠ°Π±Π»ΠΈΡΠ° ΠΎΠΏΡΠΈΠΉ.
jQuery(document).ready(function($){
$.bvi({
'bvi_target' : '.bvi-open', // ΠΠ»Π°ΡΡΒ ΡΡΡΠ»ΠΊΠΈΒ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡΒ ΠΏΠ»Π°Π³ΠΈΠ½Π°
"bvi_theme" : "white", // Π¦Π²Π΅Ρ ΡΠ°ΠΉΡΠ°
"bvi_font" : "arial", // Π¨ΡΠΈΡΡ
"bvi_font_size" : 16, // Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ°
"bvi_letter_spacing" : "normal", // ΠΠ΅ΠΆΠ±ΡΠΊΠ²Π΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»
"bvi_line_height" : "normal", // ΠΠ΅ΠΆΠ΄ΡΡΡΡΠΎΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»
"bvi_images" : true, // ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
"bvi_reload" : false, // ΠΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΈ Π²ΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°
"bvi_fixed" : false, // Π€ΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
Π²Π²Π΅ΡΡ
Ρ ΡΡΡΠ°Π½ΠΈΡΡ
"bvi_tts" : true, // Π‘ΠΈΠ½ΡΠ΅Π· ΡΠ΅ΡΠΈ
"bvi_flash_iframe" : true, // ΠΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ (Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠ°ΡΡΡ ΠΈ ΡΠ΄.)
"bvi_hide" : false // Π‘ΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠ°Π½Π΅Π»Ρ Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΏΠ°Π½Π΅Π»ΠΈ.
});
});
Π’Π°Π±Π»ΠΈΡΠ° ΠΎΠΏΡΠΈΠΉ
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ | Π’ΠΈΠΏ | ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ | ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|---|---|---|
bvi_target | String | .bvi-open | Β | ΠΠ»Π°ΡΡ ΡΡΡΠ»ΠΊΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: .my-class |
bvi_theme | String | white | white, black, blue, brown, green | Π¦Π²Π΅ΡΠΎΠ²Π°Ρ Π³Π°ΠΌΠΌΠ° white — Π§Π΅ΡΠ½ΡΠΌ ΠΏΠΎ Π±Π΅Π»ΠΎΠΌΡ black — ΠΠ΅Π»ΡΠΌ ΠΏΠΎ ΡΠ΅ΡΠ½ΠΎΠΌΡ blue — Π’Π΅ΠΌΠ½ΠΎ-ΡΠΈΠ½ΠΈΠΌ ΠΏΠΎ Π³ΠΎΠ»ΡΠ±ΠΎΠΌΡ brown — ΠΠΎΡΠΈΡΠ½Π΅Π²ΡΠΌ ΠΏΠΎ Π±Π΅ΠΆΠ΅Π²ΠΎΠΌΡ green — ΠΠ΅Π»Π΅Π½ΡΠΌ ΠΏΠΎ ΡΠ΅ΠΌΠ½ΠΎ-ΠΊΠΎΡΠΈΡΠ½Π΅Π²ΠΎΠΌΡ |
bvi_font | String | arial | arial, times | Π¨ΡΠΈΡΡΡ arial — Π¨ΡΠΈΡΡ Π±Π΅Π· Π·Π°ΡΠ΅ΡΠ΅ΠΊ times — Π¨ΡΠΈΡΡ Ρ Π·Π°ΡΠ΅ΡΠΊΠ°ΠΌΠΈ |
bvi_font_size | number | 16 | 1-40 | Π Π°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΠΎΡ 1 Π΄ΠΎ 40 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ |
bvi_letter_spacing | String | normal | normal, average, big | ΠΠ΅ΠΆΠ±ΡΠΊΠ²Π΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» normal — ΠΠ΄ΠΈΠ½Π°ΡΠ½ΡΠΉ average — ΠΠΎΠ»ΡΡΠΎΡΠ½ΡΠΉ big — ΠΠ²ΠΎΠΉΠ½ΠΎΠΉ |
bvi_line_height | String | normal | normal, average, big | ΠΠ΅ΠΆΠ΄ΡΡΡΡΠΎΡΠ½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» normal — Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΉ average — Π‘ΡΠ΅Π΄Π½ΠΈΠΉ big — ΠΠΎΠ»ΡΡΠΎΠΉ |
bvi_images | Boolean | String | false | true, false, grayscale | ΠΠ΄Π°ΠΏΡΠ°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ true — ΠΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ false — ΠΡΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ grayscale — Π§Π΅ΡΠ½ΠΎΠ΅-Π±Π΅Π»ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ |
bvi_reload | Boolean | true | true, false | ΠΠΊΠ»ΡΡΠΈΡΡ/ΠΡΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠ·ΠΊΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΈ ΠΏΠ΅ΡΠ΅Ρ
ΠΎΠ΄Π΅ Π½Π° ΠΎΠ±ΡΡΠ½ΡΡ Π²Π΅ΡΡΠΈΡ ΡΠ°ΠΉΡΠ° true — ΠΠΊΠ»ΡΡΠΈΡΡ false — ΠΡΠΊΠ»ΡΡΠΈΡΡ |
bvi_fixed | Boolean | true | true, false | Π€ΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
Π²Π²Π΅ΡΡ
Ρ ΡΡΡΠ°Π½ΠΈΡΡ true — ΠΠΊΠ»ΡΡΠΈΡΡ false — ΠΡΠΊΠ»ΡΡΠΈΡΡ |
bvi_tts | Boolean | true | true, false | Π‘ΠΈΠ½ΡΠ΅Π· ΡΠ΅ΡΠΈ true — ΠΠΊΠ»ΡΡΠΈΡΡ false — ΠΡΠΊΠ»ΡΡΠΈΡΡ |
bvi_flash_iframe | Boolean | true | true, false | ΠΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ — ΡΡΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ HTML-ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ, Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠ°ΡΡΡ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΌΠ΅Π΄ΠΈΠ°ΡΠ°ΠΉΠ»Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ. true — ΠΠΊΠ»ΡΡΠΈΡΡ false — ΠΡΠΊΠ»ΡΡΠΈΡΡ |
bvi_hide | Boolean | false | true, false | Π‘ΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠ°Π½Π΅Π»Ρ Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΏΠ°Π½Π΅Π»ΠΈ. true — ΠΠΊΠ»ΡΡΠΈΡΡ false — ΠΡΠΊΠ»ΡΡΠΈΡΡ |
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ°Π±Π»ΠΎΠ½ ΡΡΡΠ°Π½ΠΈΡΡ
Π‘ΠΎΠ±Π΅ΡΠΈΡΠ΅ Π²ΡΠ΅ Π²ΠΌΠ΅ΡΡΠ΅, ΠΈ Π²Π°ΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ.
<!doctype html>
<html lang="ru">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<!-- Button visually impaired CSS -->
<link rel="stylesheet" href="http://domain.name/css/bvi.min.css" type="text/css">
<title>Button visually impaired</title>
</head>
<body>
<h1>ΠΡΠΈΠ²Π΅Ρ, ΠΌΠΈΡ!</h1>
<!-- Button visually impaired LINK -->
<a href="#" class="bvi-open" title="ΠΠ΅ΡΡΠΈΡ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
">ΠΠ΅ΡΡΠΈΡ ΡΠ°ΠΉΡΠ° Π΄Π»Ρ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ
</a>
<!-- Button visually impaired CLASS bvi-hide -->
<div class="bvi-hide">Π’Π΅ΠΊΡΡ ΡΠΊΡΠΎΠ΅ΡΡΡ ΠΏΡΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°.</div>
<!-- Button visually impaired CLASS bvi-show -->
<div class="bvi-show">Π’Π΅ΠΊΡΡ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΠΏΡΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π°.</div>
<!-- Button visually impaired CLASS bvi-voice -->
<div class="bvi-tts">
ΠΠ»Π΅ΠΊΡΠ°Π½Π΄Ρ Π‘Π΅ΡΠ³Π΅Π΅Π²ΠΈΡ ΠΡΡΠΊΠΈΠ½ ΡΠΎΠ΄ΠΈΠ»ΡΡ 6 ΠΈΡΠ½Ρ 1799 Π³ΠΎΠ΄Π° (ΠΏΠΎ ΡΡΠ°ΡΠΎΠΌΡ ΡΡΠΈΠ»Ρ 26 ΠΌΠ°Ρ) Π² ΠΠΎΡΠΊΠ²Π΅ Π² Π΄Π²ΠΎΡΡΠ½ΡΠΊΠΎΠΉ ΠΏΠΎΠΌΠ΅ΡΠΈΡΡΠ΅ΠΉ ΡΠ΅ΠΌΡΠ΅ (ΠΎΡΠ΅Ρ Π΅Π³ΠΎ Π±ΡΠ» ΠΌΠ°ΠΉΠΎΡ Π² ΠΎΡΡΡΠ°Π²ΠΊΠ΅) Π² Π΄Π΅Π½Ρ ΠΏΡΠ°Π·Π΄Π½ΠΈΠΊΠ° ΠΠΎΠ·Π½Π΅ΡΠ΅Π½ΠΈΡ. Π ΡΠΎΡ ΠΆΠ΅ Π΄Π΅Π½Ρ Ρ ΠΈΠΌΠΏΠ΅ΡΠ°ΡΠΎΡΠ° ΠΠ°Π²Π»Π° ΡΠΎΠ΄ΠΈΠ»Π°ΡΡ Π²Π½ΡΡΠΊΠ°, Π² ΡΠ΅ΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠΉ Π²ΠΎ Π²ΡΠ΅Ρ
ΡΠ΅ΡΠΊΠ²Π°Ρ
ΡΠ»ΠΈ ΠΌΠΎΠ»Π΅Π±Π½Ρ ΠΈ Π³ΡΠ΄Π΅Π»ΠΈ ΠΊΠΎΠ»ΠΎΠΊΠΎΠ»Π°. Π’Π°ΠΊ, ΠΏΠΎ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎΠΌΡ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΡ Π΄Π΅Π½Ρ ΡΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΡΡΡΡΠΊΠΎΠ³ΠΎ Π³Π΅Π½ΠΈΡ Π±ΡΠ» ΠΎΠ·Π½Π°ΠΌΠ΅Π½ΠΎΠ²Π°Π½ Π²ΡΠ΅ΠΎΠ±ΡΠΈΠΌ Π½Π°ΡΠΎΠ΄Π½ΡΠΌ Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ. Π‘ΠΈΠΌΠ²ΠΎΠ»ΠΈΡΠ½ΠΎ ΠΈ ΠΌΠ΅ΡΡΠΎ ΡΠΎΠΆΠ΄Π΅Π½ΠΈΡ ΠΏΠΎΡΡΠ° Π³. ΠΠΎΡΠΊΠ²Π° β ΡΠ°ΠΌΠΎΠ΅ ΡΠ΅ΡΠ΄ΡΠ΅ ΡΡΡΡΠΊΠΎΠΉ ΠΆΠΈΠ·Π½ΠΈ, Π ΠΎΡΡΠΈΠΈ. ΠΡΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ° ΠΊΡΠ΅ΡΡΠΈΠ»ΠΈ 8 ΠΈΡΠ½Ρ Π² ΡΠ΅ΡΠΊΠ²ΠΈ ΠΠΎΠ³ΠΎΡΠ²Π»Π΅Π½ΠΈΡ Π² ΠΠ»ΠΎΡ
ΠΎΠ²Π΅.
</div>
<div class="bvi-tts">
ΠΡΠ΅Ρ ΠΡΡΠΊΠΈΠ½Π° Π‘Π΅ΡΠ³Π΅ΠΉ ΠΡΠ²ΠΎΠ²ΠΈΡ ΠΈ ΠΌΠ°ΡΡ ΠΠ°Π΄Π΅ΠΆΠ΄Π° ΠΡΠΈΠΏΠΎΠ²Π½Π°, ΡΡΠΎΠΆΠ΄Π΅Π½Π½Π°Ρ ΠΠ°Π½Π½ΠΈΠ±Π°Π», Π±ΡΠ»ΠΈ Π΄Π°Π»ΡΠ½ΠΈΠΌΠΈ ΡΠΎΠ΄ΡΡΠ²Π΅Π½Π½ΠΈΠΊΠ°ΠΌΠΈ. ΠΡΠ»ΠΊΠΈΠ΅ ΡΡΡΠ°ΡΡΠΈ, ΡΡΠΊΠΎΠ²ΠΎΠ΄ΠΈΠ²ΡΠΈΠ΅ ΠΏΡΠ΅Π΄ΠΊΠ°ΠΌΠΈ ΠΊΠ°ΠΊ ΠΏΠΎ ΠΎΡΡΠΎΠ²ΡΠΊΠΎΠΉ, ΡΠ°ΠΊ ΠΈ ΠΏΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ½ΡΠΊΠΎΠΉ Π»ΠΈΠ½ΠΈΠΈ, ΠΎΠΊΠ°Π·Π°Π»ΠΈ ΡΠ²ΠΎΠ΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅ ΠΈ Π½Π° ΠΡΡΠΊΠΈΠ½Π°. Π‘Π΅ΠΌΡΡ (ΠΊΡΠΎΠΌΠ΅ ΠΠ»Π΅ΠΊΡΠ°Π½Π΄ΡΠ° Π±ΡΠ»ΠΈ Π΅ΡΠ΅ Π΄Π΅ΡΠΈ ΠΠ»ΡΠ³Π° ΠΈ ΠΠ΅Π²) ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Π»Π° ΠΊ ΡΠ°ΠΌΠΎΠΉ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΡΠ°ΡΡΠΈ ΠΌΠΎΡΠΊΠΎΠ²ΡΠΊΠΎΠ³ΠΎ ΠΎΠ±ΡΠ΅ΡΡΠ²Π°.
</div>
<!-- Button visually impaired JS -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://domain.name/js/js.cookie.js"></script>
<script src="https://domain.name/js/bvi-init.js"></script>
<script src="https://domain.name/js/bvi.min.js"></script>
</body>
</html>