Assessment for Visible Body Web Suite by McMaster University - Module 1: Interface Appearance

Submitted by hsltser@mcmaster.ca on
Are the images positioned prominently and easy to find?
Answer: Always
Score: 2
Notes:
Are there functional images embedded in the background?
Answer: Never
Score: 2
Notes: Functional images are not embedded in the background
Do informative images contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: Images on screen do not have alt text coded in the HTML, but there is always a detailed textual alternative within pop-up box on the right side. The user does need to open this information box and select 'Definition' in order to get this text.
Also, if the user turns on the Accessibility option in the settings menu, the image information can be read aloud.
Do functional images contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: Functional Images do not have Alt text encoded in the HTML, but there is a textual alternative next to it.
Also, if the user turns on the Accessibility option in the settings menu, the functional image information can be read aloud.
Do images used as text contain appropriate alt text or an appropriate textual alternative?
Answer: Not Applicable
Score: -1
Notes: Images are not used as text.
Are there icons where appropriate, such as icons to indicate PDF Full Text, Download, Folder, Citation, etc?
Answer: Always
Score: 2
Notes:
When zoomed in at 200%, is text intact, readable, and not cut off?
Answer: Not Applicable
Score: -1
Notes: Cannot use browser zoom in this resource (we tested Firefox and Chrome). The user does have the ability to zoom in on images or change the font size from the settings menu.
Are images clear and unpixelated at 200%?
Answer: Not Applicable
Score: -1
Notes: Cannot use browser zoom in this resource (we tested Firefox and Chrome). The user does have the ability to zoom in on images or change the font size from the settings menu.
Is horizontal scrolling minimized at 200%?
Answer: Not Applicable
Score: -1
Notes: Cannot use browser zoom in this resource (we tested Firefox and Chrome). The user does have the ability to zoom in on images or change the font size from the settings menu.
Do text and images have a contrast ratio of at least 4.5:1?
Answer: Never
Score: 0
Notes: The darker grey text on light grey background fail.
Do colour coded graphs have text equivalents?
Answer: Not Applicable
Score: -1
Notes: There are no colour coded graphs.
Are blocks of content separated from one another using visual separation (such as whitespace or borders)?
Answer: Always
Score: 2
Notes: There is separation using different shades of grey in scrolling menus, and information boxes.
Are text alternatives provided where colour is used to indicate an action?
Answer: Always
Score: 2
Notes: When looking at interactive anatomy diagrams, the user can click on segments which then become highlighted in bright blue. The name of the highlighted body part then is displayed in the information box on the right side of the screen.
Is there a choice embedded within the database that offers text to speech or read aloud options?
Answer: Always
Score: 2
Notes: Yes. The user can use the mouse to select the read out load button next to the names or descriptions.
Also, if the Accessibility Feature is turned on (under settings) everything is read out loud as the user uses the keyboard to navigate around the page. This setting is saved under the user's profile for their subsequent sessions.
If Accessibility Mode is turned on then you cannot use the mouse to activate/deactivate anything. You must use the keyboard.
Using your mouse, is the clickable area around links and buttons large enough for users to see and activate easily?
Answer: Always
Score: 2
Notes:
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate?
Answer: Always
Score: 2
Notes:
Using any method to test links, are all links and buttons functional (i.e., not dead)?
Answer: Always
Score: 2
Notes:
Are links or buttons accessible via keyboard navigation?
Answer: Sometimes
Score: 1
Notes: When Accessibility Mode is not on, the keyboard controls will only move the image around on the screen (zoom, spin and tilt).

Regular keyboard navigation only works if Accessibility Mode is turned on. You cannot turn on Accessibility Mode using keyboard, that must be done using a mouse. You cannot turn off Accessibility Mode using a mouse, it must be done with a keyboard.
Can users pause carousel movement?
Answer: Not Applicable
Score: -1
Notes: There is no carousel.
Is all functionality, including navigating between carousel items, operable by keyboard?
Answer: Not Applicable
Score: -1
Notes: There is no carousel.
Is the order of the text preserved at all screen resolutions, without overlap?
Answer: Always
Score: 2
Notes:
Do images avoid overlapping at all screen resolutions?
Answer: Always
Score: 2
Notes:
Is the overall reading experience preserved at all screen resolutions?
Answer: Always
Score: 2
Notes:
eResource: Visible Body Web Suite
eResource Type: Database
Vendor: Visible Body
Institution: McMaster University
Score: A

Key Findings

Strengths

  • All images contain a textual alternative
  • Information is not distorted when zoomed in at 200%
  • Information is preserved at different screen resolutions

Weaknesses

  • Text and images do not meet contrast requirements

Images

Positioning of Images

Question Answer Notes Images
Are the images positioned prominently and easy to find? Always no images

Functional images embedded in the background

Question Answer Notes Images
Are there functional images embedded in the background? Never Functional images are not embedded in the background no images

Presence of Icons

Question Answer Notes Images
Are there icons where appropriate, such as icons to indicate PDF Full Text, Download, Folder, Citation, etc? Always no images

Alt Text

Question Answer Notes Images
Do informative images contain appropriate alt text or an appropriate textual alternative? Always Images on screen do not have alt text coded in the HTML, but there is always a detailed textual alternative within pop-up box on the right side. The user does need to open this information box and select 'Definition' in order to get this text. Also, if the user turns on the Accessibility option in the settings menu, the image information can be read aloud. no images
Do functional images contain appropriate alt text or an appropriate textual alternative? Always Functional Images do not have Alt text encoded in the HTML, but there is a textual alternative next to it. Also, if the user turns on the Accessibility option in the settings menu, the functional image information can be read aloud. no images
Do images used as text contain appropriate alt text or an appropriate textual alternative? Not Applicable Images are not used as text. no images

Content Scaling

Question Answer Notes Images
When zoomed in at 200%, is text intact, readable, and not cut off? Not Applicable Cannot use browser zoom in this resource (we tested Firefox and Chrome). The user does have the ability to zoom in on images or change the font size from the settings menu. no images
Are images clear and unpixelated at 200%? Not Applicable Cannot use browser zoom in this resource (we tested Firefox and Chrome). The user does have the ability to zoom in on images or change the font size from the settings menu. no images
Is horizontal scrolling minimized at 200%? Not Applicable Cannot use browser zoom in this resource (we tested Firefox and Chrome). The user does have the ability to zoom in on images or change the font size from the settings menu. no images

Colour and Contrast

Question Answer Notes Images
Do text and images have a contrast ratio of at least 4.5:1? Never The darker grey text on light grey background fail. no images

Colour

Question Answer Notes Images
Do colour coded graphs have text equivalents? Not Applicable There are no colour coded graphs. no images
Are blocks of content separated from one another using visual separation (such as whitespace or borders)? Always There is separation using different shades of grey in scrolling menus, and information boxes. no images
Are text alternatives provided where colour is used to indicate an action? Always When looking at interactive anatomy diagrams, the user can click on segments which then become highlighted in bright blue. The name of the highlighted body part then is displayed in the information box on the right side of the screen. no images

Text to speech

Question Answer Notes Images
Is there a choice embedded within the database that offers text to speech or read aloud options? Always Yes. The user can use the mouse to select the read out load button next to the names or descriptions. Also, if the Accessibility Feature is turned on (under settings) everything is read out loud as the user uses the keyboard to navigate around the page. This setting is saved under the user's profile for their subsequent sessions. If Accessibility Mode is turned on then you cannot use the mouse to activate/deactivate anything. You must use the keyboard. no images

Clustered Links

Question Answer Notes Images
Using your mouse, is the clickable area around links and buttons large enough for users to see and activate easily? Always no images
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate? Always no images
Using any method to test links, are all links and buttons functional (i.e., not dead)? Always no images
Are links or buttons accessible via keyboard navigation? Sometimes When Accessibility Mode is not on, the keyboard controls will only move the image around on the screen (zoom, spin and tilt). Regular keyboard navigation only works if Accessibility Mode is turned on. You cannot turn on Accessibility Mode using keyboard, that must be done using a mouse. You cannot turn off Accessibility Mode using a mouse, it must be done with a keyboard. no images

Dynamic content

Question Answer Notes Images
Can users pause carousel movement? Not Applicable There is no carousel. no images
Is all functionality, including navigating between carousel items, operable by keyboard? Not Applicable There is no carousel. no images

Liquid layout

Question Answer Notes Images
Is the order of the text preserved at all screen resolutions, without overlap? Always no images
Do images avoid overlapping at all screen resolutions? Always no images
Is the overall reading experience preserved at all screen resolutions? Always no images
Previous1234Next