Visual barriers and solutions

7 min read · BoK 1BC· p. 11–12

Learning objectives (3)

Identify common physical and web barriers for people with visual impairments
Match assistive technologies and design solutions to specific visual needs
Explain how screen readers and magnification software support different visual conditions

Why it matters

Knowing conditions is only half the picture. The accessibility professional’s job is to match barriers to solutions — both in physical environments and in ICT. This lesson maps the most important visual barriers to the AT and design approaches that address them. (BoK p. 11)

Web and digital barriers

The following patterns consistently block access for users with visual impairments:

Missing text alternatives: Images, icons, and infographics with no alt text are invisible to screen readers.
Low contrast: Text that does not meet contrast thresholds is difficult or impossible to read for people with low vision or color vision deficiency.
Color as the only cue: Error states, required fields, or chart data indicated only by color fail users who cannot distinguish those colors.
Non-semantic markup: PDFs or web pages with no heading structure or landmark regions cannot be navigated efficiently by screen reader users.
Time limits: Sessions that expire without warning exclude users who work at a slower pace with AT.
Videos without captions or description: Blind users lose visual narrative; users with both vision and hearing impairments lose all content. (BoK p. 11)

Physical and built environment barriers

Print-only signage in public spaces gives no information to people who are blind.
No tactile paving or auditory signals at street crossings creates hazards for blind pedestrians.
ATMs and kiosks with touch-only visual interfaces exclude blind users. (BoK p. 12)

Assistive technology solutions

Screen readers (JAWS, NVDA, VoiceOver, TalkBack) convert text and semantic structure to speech or braille. They rely entirely on accessible markup and text alternatives.
Refreshable braille displays render a line of braille output driven by the screen reader.
Audio descriptions provide spoken narration of visual content in video for blind viewers.
White cane / long cane is the primary mobility tool in physical spaces; tactile paving gives structured directional cues. (BoK p. 11)

For users with low vision

Screen magnification software (ZoomText, Windows Magnifier) enlarges the entire screen or a region. Users still navigate visually, so layout and contrast matter.
High-contrast operating system modes increase luminance difference between interface elements.
Large print documents and high-contrast printed materials.
Optical magnifiers for physical reading tasks. (BoK p. 12)

For users with color vision deficiency

Color-independent design: using shape, pattern, texture, or text labels alongside color.
Browser extensions that shift problematic color pairs are adaptive strategies, not designed-in accessibility.

Real-world example

A university’s learning management system embeds lecture recordings. A student who is blind uses a screen reader and needs audio descriptions of any slide graphics shown in the recording. A student with low vision uses magnification software and needs the video player’s controls to remain functional when zoomed. These are different solutions for different visual needs — both required by accessible design.

Key terms

Screen reader: Software that converts on-screen content to synthesized speech or refreshable braille output for users who are blind or have low vision. (BoK p. 11)
Text alternative: A textual description of non-text content — such as an image — that conveys the same information to users who cannot see the original. (BoK p. 11)
Magnification software: Software that enlarges on-screen content; used by people with low vision who retain some usable sight. (BoK p. 12)
Audio description: A narrated track added to video that describes visual information — actions, expressions, scene changes — for blind viewers. (BoK p. 12)
Contrast: The luminance difference between foreground text and its background; insufficient contrast creates a barrier for low-vision and color-deficient users. (BoK p. 12)
Tactile paving: Raised patterns on pavement that convey navigation information through the feet or a white cane for blind pedestrians. (BoK p. 12)
Braille: A tactile reading system that uses raised dots to represent letters, numbers, and symbols for people who are blind. (BoK p. 11)

Check yourself

A video tutorial has no audio description track. A user who is blind navigates to the video using a screen reader and can hear the narration, but misses critical on-screen demonstrations (e.g., cursor movements, UI interactions) that are shown visually without verbal explanation. Which accessibility barrier does this illustrate?

Insufficient color contrast in the video player
Missing text alternative for a non-text element
Absence of audio description for visual content in the video
No keyboard access to the video player controls

.cy-island-wrapper { display: none; }JavaScript is required for the interactive quiz. Here are the questions for reference:

a) Missing text alternative for a non-text element
b) Insufficient color contrast in the video player
c) Absence of audio description for visual content in the video — correct answer
d) No keyboard access to the video player controls

Explanation: Audio description fills the gap between the audio track and the visual track of a video. When on-screen actions are shown without verbal explanation, a blind user loses that information entirely. Audio description is the solution the BoK identifies for this barrier (BoK p. 12).

A low-vision user with age-related macular degeneration retains peripheral vision but has lost central vision. She navigates the web visually, using a large monitor and operating system zoom. Which primary assistive technology does the BoK identify as the appropriate solution for users who still read visually but need content enlarged?

a) Screen reader with braille display
b) Screen magnification software — correct answer
c) Audio description service
d) Text-to-speech software

Explanation: The BoK distinguishes screen readers (for blind users who rely on audio or braille) from magnification software (for low-vision users who still read visually). A user with macular degeneration who has peripheral vision and navigates visually needs content enlarged — magnification software is the matched solution (BoK p. 12).

A team redesigns a data table so that each cell's status is conveyed by a colored circle (red, yellow, green) with no accompanying text label or pattern difference. A WCAG reviewer flags this. Which visual barrier does this design create, and for whom?

a) A missing text alternative barrier; affects users who are blind
b) A color-as-sole-cue barrier; affects users with color vision deficiency — correct answer
c) An insufficient contrast barrier; affects users with low vision
d) A non-semantic markup barrier; affects screen reader users

Explanation: Using color as the sole status indicator is a classic accessibility barrier for people with color vision deficiency. Because red-green deficiency affects roughly 8% of males, a red/green only scheme makes the table unusable for a significant portion of users. The fix — adding text labels or distinct patterns — is an accessibility design decision, not an AT solution (BoK p. 12).

Sources

BoK references

Section 1BC — IAAP CPACC Body of Knowledge v4.0 (Oct 2023), p. 11–12