Button visually impaired is a plugin that automatically adds a version of your site for people with low vision. The panel lets visitors change the color scheme and font sizes, and the speech synthesizer reads the changed settings aloud. With it, people with disabilities can adjust the site to their needs.
The blocks below are used to check the panel in different situations.
A paragraph with its own font, line spacing and letter spacing.
Uppercase letters with wide letter spacing
Font Awesome icons must not break when the font changes.
Light gray text on a light background (low contrast on the site).
A regular paragraph with bold, italic, underlined, struck-through,
highlighted and small text.
Chemistry H2O and power x2, HTML,
removed and added, a short quote
, Source.
Ctrl + K, inline code, program output, variable,
, bdi, definition,
漢.
A
A lead paragraph: large introductory text.
Address: 1 Example Street, MoscowA quote in a blockquote.
Preformatted
text with spaces
| Scheme | Text color | Background color |
|---|---|---|
| white | #000 | #fff |
| black | #fff | #000 |
| blue | #063462 on #9DD1FF | |
| Total: 3 schemes | ||
The content of the expanded block.
Link · Colored link · Link with its own color · External link
| Scheme | Text | Background |
|---|---|---|
| white | #000 | #fff |
| black | #fff | #000 |
A quote with its own Bootstrap styles.
const bvi = new isvek.Bvi({ target: '.bvi-open' })