Режим слабовидящих [закрыт]

Question

Режим слабовидящих [закрыт]

0

Я хочу интегрировать режим для людей с ослабленным зрением на своем веб-сайте, например, https://www.actionforblindpeople.org.uk/other-pages/accessibility-statement-and-options/

Мне нужны некоторые примеры сценариев, которые позволяют это, если это возможно, некоторые документы об инвалидности VI.

Я хотел бы предложить добавить этот вариант для этого веб-сайта тоже.

Спасибо!

user3219446 18 фев. 2014, в 19:47

Источник

Теги:

javascript

html

css

1 ответ

Ещё вопросы

Frederic Charette · Accepted Answer · 2014-02-18T17-01-00.000Z

Есть пара способов решения этой проблемы.

1- Swap css-листы (где у вас будут меньшие листы, предназначенные только для размеров шрифтов и цветов)

2- Применить класс css к вашему телу. (Пример ниже)

3- Некоторые запросы javascript. (см. http://plugins.jquery.com/tag/usability/)

Это зависит от размера вашего проекта и поведения, которое вы хотите реализовать. Например, нажатие кнопки "усиление контраста" может добавить к вашему документу класс highConstrast.

Ваш css может быть примерно таким:

.myDiv{
    background-color:#303030;
    color:#red;
}

.highContrast{
    background-color:white !important;
    color:black !important;
}

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

.myDiv.highContrast{
    background-color:yellow !important;
}

CSS не является моей сильной стороной, не стесняйтесь подвергать сомнению этот метод, но он выполняет свою работу.

Спасибо, я нашел этот jsfiddle.net/eYgdm, он может быть закодирован для VI ..