skip to Main Content

Site Adaptation for
Visually Impaired People

Evergreen’s case of Ukrainian National Police website adaptation for visually impaired people

We strive to create a society in which all its members have equal rights and opportunities, including access to open information and the ability to use it. There are about 250 million visually impaired people in the world. They are not on the same footing with other members of society in using Internet resources that are not adapted to their demands.

Weak vision is a broad concept that comprises various visual impairments. Symptoms may be different:

eye

Fragmentary Vision

eye1

The Slowness of Visual Images Perception

eye2

Their Fuzziness 

eye3

Good Central and Limited Lateral Vision or Vice Versa, Which Ultimately Leads to Poor Orientation in Space

With all the variety of symptoms, they have the main thing in common they can’t be corrected either by surgery, or medication or with the help of contact lenses/glasses.

In the context of Internet resources, it means that the website must meet specific requirements to make visually impaired people use web content comfortably.

WCAG 2.0 IS THE WORLD STANDARD THAT REGULATES CREATING VISUALLY IMPAIRED ACCESSIBLE VERSIONS OF WEBSITES

The goal: Web content should be accessible to for visually impaired people also, people with musculoskeletal system disorders.
Implementation method: an international standard WAI-ARIA has been developed.
Adaptedness: nowadays, all popular web-browsers have accessibility settings and support WAI-ARIA eye markers to enable full-blow use of the Internet for visually impaired people.

The “accessibility” version is implemented by adding features that make it easier to perceive information. Types of adapted Internet resources are divided into 3 levels of accessibility for the visually impaired category:

  • A minimal;
  • AA optimal;
  • AAA as optimized as possible.

It should be noted that the development of the availability version, according to the WCAG 2.0 guidelines, increases the comfort of using the resource for a healthy person, who, for example, is tired, using a dim display.

The list of recommendations for developers:

site
site

Understandability, Perceptibility, Controllability and Reliability

image

Text Explanation for All Pictures and Videos

contrast

Contrast Color Palette

text

Inverting Colors in an Image

font

Font Size to Avoid Horizontal Scrolling When a Page Is Displayed in Full Screen

devices

Text Readability from Displays of Any Resolution, Regardless of the Brightness Settings

key

The Possibility of Full Keyboard Navigation

speaker

Site Markup Adaptation for Text-To-Speech Reporting

Our Experience of Site Adaptation to Visually Impaired Accessible Version

police

In this case, you can find an example of the visually impaired accessible version npu.gov.ua. The resource is designed in accordance with the requirements of WCAG 2.0.

1
1

The site is displayed in black and white, according to standard A.

MacBook-Pro-mockup
2
2

After the transition to the adaptive mode, all images are hidden, except for the National Police of Ukraine symbol, which is displayed in shades of gray.

screenshot
screenshot-columns
3
3

Elements of forms, images, and navigation contain text descriptions.

screenshot-columns
4
4

Resolving capacities of all paged are saved for all sections, both for desktop, tablet, and for a mobile version.

MacBook-Pro-mockup
5
5

Sequential browsing experience through controls and navigation components is achieved by pressing the Tab key on the keyboard.

screenshot-main
6
6

Implemented markup for screen reader.

screenshot-voice
It is possible to adapt a website to a visually impaired accessible version without interfering with the site architecture. Let’s mention the following features:
  • The panel for the visually impaired is superimposed over the site. This meets the requirements for contrast and font size.
  • Monochrome color combination allows color-blind people to adequately perceive the information. 
  • Increasing letter spacing, line spacing, and serif fonts make it easier for users with dyslexia to see the content.
  • VIAV settings are stored in cookies. When you visit the site again, the page for visually impaired people will open automatically.
Please, note that the visually impaired accessible version has a number of disadvantages compared to the standard page:
  • scaled-down functionality with only font size and color settings. This does not allow the desired settings for dyslexic users
  • version for the visually impaired is located on a dedicated URL
  • some content is not displayed
  • website maintenance is costly.

Although the WCAG 2.0 standard was developed quite a long time ago, it is still challenging to find a website with a high accessibility version. High-quality implementation is rather an exception.

The resources and experience available to Evergreen provide an opportunity to adapt a resource for visually impaired people quickly and efficiently.

The Evergreen Team Can Quickly Adapt a Website for Comfortable Use for Visually Impaired People!
09.08.2019
Рейтинг: 0 / 5 (0)
Цей сайт є українською мовою. Ви можете переключити мову у меню, або зробити це зараз.