English

Button visually impaired

Button visually impaired — это плагин, который автоматически изменяет версию вашего сайта для слабовидящих людей. Панель на сайте для слабовидящих дает возможность изменять цветовую гамму сайта, размеры шрифтов, синтезатор речи озвучит вслух изменения настроек. С помощью неё можно изменять функции сайта, которые удовлетворят потребностями людей с ограниченными возможностями.

Александр Сергеевич Пушкин родился 6 июня 1799 года (по старому стилю 26 мая) в Москве в дворянской помещичьей семье (отец его был майор в отставке) в день праздника Вознесения. В тот же день у императора Павла родилась внучка, в честь которой во всех церквах шли молебны и гудели колокола. Так, по случайному совпадению день рождения русского гения был ознаменован всеобщим народным ликованием. Символично и место рождения поэта г. Москва — самое сердце русской жизни, России. Будущего поэта крестили 8 июня в церкви Богоявления в Елохове. Отец Пушкина Сергей Львович и мать Надежда Осиповна, урожденная Ганнибал, были дальними родственниками. Пылкие страсти, руководившие предками как по отцовской, так и по материнской линии, оказали свое влияние и на Пушкина. Семья (кроме Александра были еще дети Ольга и Лев) принадлежала к самой образованной части московского общества. В их доме, точнее, в квартире, которую снимали родители Пушкина, собирались поэты, художники, музыканты. Общая галломания, господствовавшая в обществе, французское воспитание в семье с французами гувернерами (к счастью, их удачно уравновешивали бабушка поэта Мария Алексеевна и знаменитая няня Арина Родионовна), доступ к прекрасным библиотекам отца, а также дяди поэта В. Л. Пушкина и дальних родственников Бутурлиных — формировали ум и детскую душу Пушкина. Свои первые в жизни стихи поэт написал по-французски. Его прозвище в Лицее было «француз». Из этого выпуска трое друзей поэта стали участниками восстания против царя 14 декабря 1825 г. В 1815 г. Пушкин с триумфом прочел на экзамене свое стихотворение «Воспоминание в Царском Селе» в присутствии знаменитого поэта Г. Р. Державина: «Старик Державин нас заметил и, в гроб сходя, благословил». На выпускном акте в 1817 г. Пушкин также прочел собственное стихотворение «Безверие». Вскоре Пушкин переехал в Петербург и поступил в коллегию иностранных дел в чине коллежского секретаря. Общение его очень широкое: гусары, поэты, литературные общества «Арзамас» и «Зеленая лампа», театры, модные рестораны, дуэли – «слава Богу, не смертоносные», как сообщала Е. А. Карамзина своему брату Вяземскому. Но Пушкин не растворялся в этой пестроте, он искал себя. Сразу после окончания Лицея в 1817 г., а затем в 1819 г. после тяжелой болезни Пушкин приезжал в имение матери с. Михайловское Псковской губернии. В первые годы по окончании Лицея им были написаны стихотворения «Деревня», «Домовому», «Чаадаеву», ода «Вольность», поэма «Руслан и Людмила».

В 12 лет, получив начатки домашнего воспитания, Александр был отвезен учиться в новое, только что открывшееся 19 октября 1811 г. учебное заведение — Царскосельский Лицей под Петербургом, место, где располагалась летняя резиденция русских царей. Программа занятий в Лицее была обширной, но не столь глубоко продуманной. Воспитанники, однако, предназначались к высокой государственной карьере и имели права окончивших высшее учебное заведение. Немногочисленность учащихся (29 чел.), молодость ряда профессоров, гуманный характер их педагогических идей, ориентированный, по крайней мере, у лучшей части их, — на внимание и уважение к личности учеников, отсутствие телесных наказаний, дух чести и товарищества — все это создавало особую атмосферу. Пушкин сохранил лицейскую дружбу и культ Лицея на всю жизнь. Лицеисты выпускали рукописные журналы и уделяли много внимания собственному литературному творчеству. «Начал я писать с 13-летнего возраста и печатать почти с того же времени», — вспоминал Пушкин впоследствии.

Тестовые сценарии

Блоки ниже нужны, чтобы проверить панель на разных ситуациях.

Заголовки и элементы со своими стилями

Заголовок h1 со своим line-height

Заголовок h2

Заголовок h3

Заголовок h4

Заголовок h5
Заголовок h6

Абзац со своим шрифтом, интервалом и межбуквенным расстоянием.

Прописные буквы с широким межбуквенным расстоянием

Иконки Font Awesome не должны ломаться при смене шрифта.

Светло-серый текст на светлом фоне (низкий контраст на сайте).

Блок с собственными цветами фона и текста.
Очень_длинное_слово_для_проверки_переноса_при_крупном_шрифте_и_интервалах

Изображения

Красный прямоугольник Изображение без стилей плагина Картинка-ссылка
Блок с фоновой картинкой: текст должен остаться на месте, когда изображения выключены.

Ссылки и навигация

Формы

60% 60%
Раскрывающийся блок Текст внутри details.

Все элементы форм

Поля ввода (все типы)
Состояния полей
Подсказка об ошибке.
@
Списки выбора
Флажки, переключатели, переключатель-«тумблер»
Кнопки
Вывод, прогресс, шкала, свои поля
Значение: 40
30% Загрузка
20 50 95
65%
Редактируемый блок contenteditable
Недоступная группа (fieldset disabled)

Семантика текста

Обычный абзац с жирным, курсивом, подчёркнутым, зачёркнутым, выделенным и мелким текстом.

Химия H2O и степень x2, HTML, удалено и добавлено, короткая цитата, Источник.

Ctrl + K, inline code, вывод программы, переменная, , bdi, определение, 漢(Kan).

Оченьдлинноесловосвозможнымипереносамистроки.

Заголовок h1

Заголовок h4

Заголовок h5
Заголовок h6

Абзац lead: крупный вводный текст.

Адрес: г. Москва, ул. Примерная, д. 1

Цитата в blockquote.

Автор в источнике
Предформатированный
    текст с   пробелами

Списки и таблицы

  1. Первый
  2. Второй
    1. Вложенный
  • Маркер
  • Ещё
    • Вложенный маркер
Термин
Описание термина
Ещё термин
Ещё описание
  • Активный элемент
  • Элемент
  • Недоступный
Таблица с подписью, шапкой, телом и подвалом
Схема Цвет текста Цвет фона
white #000 #fff
black #fff #000
blue #063462 на #9DD1FF
Итого: 3 схемы

Прочие элементы

Раскрытый details

Содержимое раскрытого блока.

Открытый dialog badge success danger
Карточка

Текст внутри карточки Bootstrap.

Ссылка-кнопка
Изображение в picture Карта-изображение Левая область Правая область

Ссылка · Цветная ссылка · Ссылка со своим цветом · Внешняя ссылка

Таблица, список, цитата, код

Схема Текст Фон
white #000 #fff
black #fff #000

Цитата с собственными стилями Bootstrap.

const bvi = new isvek.Bvi({ target: '.bvi-open' })

Встраиваемые элементы

Изображение в figure
Подпись figure

Озвучка

Второй блок для озвучки: короткий текст, чтобы быстро проверить воспроизведение, паузу и продолжение.
Фиксированный элемент сайта