Assessment for Common Craft by Georgian - Module 1: Interface Appearance

Submitted by Jen.Booth@Geor… on
Are the images positioned prominently and easy to find?
Answer: Always
Score: 2
Notes: Images are consistent across screens, the only issue I see is the search icon is a little small and greyed out - not as visible as it might be.
Are there functional images embedded in the background?
Answer: Never
Score: 2
Notes: all images behave as expected when page is moved/resized
Do informative images contain appropriate alt text or an appropriate textual alternative?
Answer: Sometimes
Score: 1
Notes: While some images have text surrounding the image that explain their function (such as the screenshots/preview images of video), some images are missing alt-text, such as the video lesson plan image (list of what is in the lesson plan) on each video details page.
Do functional images contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: these look to be okay.
Do images used as text contain appropriate alt text or an appropriate textual alternative?
Answer: Sometimes
Score: 1
Notes: Not a lot of images used as text, but logo points to home rather than the name of the system (Common Craft)
Are there icons where appropriate, such as icons to indicate PDF Full Text, Download, Folder, Citation, etc?
Answer: Always
Score: 2
Notes: As indicated, search icon is a bit small and harder to locate when you move off the main page.
When zoomed in at 200%, is text intact, readable, and not cut off?
Answer: Always
Score: 2
Notes:
Are images clear and unpixelated at 200%?
Answer: Always
Score: 2
Notes:
Is horizontal scrolling minimized at 200%?
Answer: Always
Score: 2
Notes:
Do text and images have a contrast ratio of at least 4.5:1?
Answer: Sometimes
Score: 1
Notes: Colour contrast issues with the use of orange text on white background for labeling of navigation, video titles, headings. etc. Search icon is difficult to see (light grey on white background) on the internal pages of the site. Grey text on white background in some spots also problematic.
Do colour coded graphs have text equivalents?
Answer: Not Applicable
Score: -1
Notes: no graphs
Are blocks of content separated from one another using visual separation (such as whitespace or borders)?
Answer: Always
Score: 2
Notes:
Are text alternatives provided where colour is used to indicate an action?
Answer: Not Applicable
Score: -1
Notes: no instances of colour to indicate an action without text
Is there a choice embedded within the database that offers text to speech or read aloud options?
Answer: Not Applicable
Score: -1
Notes: This database is a video database, so doesn't provide an option for text-to-speech, BUT does provide full transcripts for all video content, which would work with text-to-speech/screenreading tools.
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: layout is clean and easy to use, with good clickable areas
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: Sometimes
Score: 1
Notes: Skip link for screenreaders are broken on the video display page.
Is all functionality, including navigating between carousel items, operable by keyboard?
Answer: Not Applicable
Score: -1
Notes: no carousel
Is the order of the text preserved at all screen resolutions, without overlap?
Answer: Always
Score: 2
Notes: Looks good in numerous different screen resolutions and optimized for phones, etc.
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: Common Craft
eResource Type: Database
Vendor: Other
Institution: Georgian
Score: A-

Key Findings

Strengths

  • Information is not distorted when zoomed in at 200%
  • Information is preserved at different screen resolutions

Weaknesses

  • Some text and images meet contrast requirements
  • Some images contain a textual alternative

Images

Positioning of Images

Question Answer Notes Images
Are the images positioned prominently and easy to find? Always Images are consistent across screens, the only issue I see is the search icon is a little small and greyed out - not as visible as it might be.

Functional images embedded in the background

Question Answer Notes Images
Are there functional images embedded in the background? Never all images behave as expected when page is moved/resized

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 As indicated, search icon is a bit small and harder to locate when you move off the main page.

Alt Text

Question Answer Notes Images
Do informative images contain appropriate alt text or an appropriate textual alternative? Sometimes While some images have text surrounding the image that explain their function (such as the screenshots/preview images of video), some images are missing alt-text, such as the video lesson plan image (list of what is in the lesson plan) on each video details page.
Do functional images contain appropriate alt text or an appropriate textual alternative? Always these look to be okay.
Do images used as text contain appropriate alt text or an appropriate textual alternative? Sometimes Not a lot of images used as text, but logo points to home rather than the name of the system (Common Craft)

Content Scaling

Question Answer Notes Images
When zoomed in at 200%, is text intact, readable, and not cut off? Always
Are images clear and unpixelated at 200%? Always
Is horizontal scrolling minimized at 200%? Always

Colour and Contrast

Question Answer Notes Images
Do text and images have a contrast ratio of at least 4.5:1? Sometimes Colour contrast issues with the use of orange text on white background for labeling of navigation, video titles, headings. etc. Search icon is difficult to see (light grey on white background) on the internal pages of the site. Grey text on white background in some spots also problematic.

Colour

Question Answer Notes Images
Do colour coded graphs have text equivalents? Not Applicable no graphs
Are blocks of content separated from one another using visual separation (such as whitespace or borders)? Always
Are text alternatives provided where colour is used to indicate an action? Not Applicable no instances of colour to indicate an action without text

Text to speech

Question Answer Notes Images
Is there a choice embedded within the database that offers text to speech or read aloud options? Not Applicable This database is a video database, so doesn't provide an option for text-to-speech, BUT does provide full transcripts for all video content, which would work with text-to-speech/screenreading tools.

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 layout is clean and easy to use, with good clickable areas
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate? Always
Using any method to test links, are all links and buttons functional (i.e., not dead)? Sometimes Skip link for screenreaders are broken on the video display page.
Are links or buttons accessible via keyboard navigation? Sometimes Links are available by keyboard navigation, but some links do not have accessible names, so may cause issues for assistive tech.

Dynamic content

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

Liquid layout

Question Answer Notes Images
Is the order of the text preserved at all screen resolutions, without overlap? Always Looks good in numerous different screen resolutions and optimized for phones, etc.
Do images avoid overlapping at all screen resolutions? Always
Is the overall reading experience preserved at all screen resolutions? Always
Previous123Next