Vision Filters
Simulate visual impairments to test accessibility.
Overview
ViewAll includes vision simulation filters that let you see how your webpage appears to users with various visual impairments. These filters apply CSS-based simulations directly on the page.
Available Filters
Color Vision Deficiency
- Protanopia — Reduced sensitivity to red light
- Deuteranopia — Reduced sensitivity to green light
- Tritanopia — Reduced sensitivity to blue light
- Achromatopsia — Complete color blindness (grayscale)
Other Visual Simulations
- Blurred vision — Simulates low visual acuity
- Astigmatism — Simulates distorted or blurred vision at certain angles
Using Vision Filters
- Activate the extension on any page
- Open the View panel
- Select a filter from the list
- The page updates in real-time to show the simulated view
- Select None to remove the filter
Why Use Vision Filters
Vision filters help you identify accessibility issues that automated tools might miss, such as:
- Color combinations that become indistinguishable
- UI elements that rely solely on color to convey information
- Text that becomes unreadable under certain conditions
Pair vision filters with WCAG scanning for comprehensive accessibility testing.