2.2. Lesson task – Accessibility in User Interface design


Have a look at the design below: 


Consider the following: 

  • Do you think it is accessible to users with eyesight trouble? Would they be able to read the text comfortably?No. The contrast between the text and the background is too small. They would not be able to read the text comfortably.
  • What do you think of the labels of the main navigation? Do you think they are understandable and communicate clearly where they would lead a user?The labels in the main menu bar are not specific enough. I do not think they would be understood by people with mental disabilities.
  • Do you think the contrast between the background and text color is significant enough to be accessible?No.

Step 1
Do a straw test on the design by limiting your vision. Make your hand into a fist and look at your screen through the small space between your palms and fingers. Did you find it easy to read the information on the page?

It was not easy to read the information.

Step 2
In your preferred design tool, recreate the website design. Pay close attention to the following: 

  • The text size of written content 
  • The colour usage and contrast. Text and elements should be easy to see and read. 
  • The labels should be understandable. The user should immediately know where they will lead them. 

(You are welcome to change the look completely or stick to the current look and feel. Here is the Brand Style Guide and photograph).

Step 3
When you are done with your design, make your hand into a fist again and look through the small space between your palms and fingers to see if you can clearly read what’s on the page.