Assessment for National Film Board of Canada (NFB) by St. Clair - Module 1: Interface Appearance

Submitted by kdaigneau@stcl… on
Are the images positioned prominently and easy to find?
Answer: Always
Score: 2
Notes: The images a positioned prominently and easy to find. Most of the images are thumbnails of the videos. They are set up in a grid-like pattern (4 across and 8 down) on all pages that contain videos. All thumbnails are set with the same dimensions.
Are there functional images embedded in the background?
Answer: Sometimes
Score: 1
Notes: Functional images, like the NFB logo, exhibit changes in size and shape when text is enlarged or the browser window dimensions are adjusted, indicating they may be embedded in the background rather than integrated with the foreground content.
Do informative images contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: All informative images in the NFB database contain appropriate alt text that succinctly describes the essential information conveyed by the image, ensuring accessibility for users relying on screen readers or unable to view the images.
Do functional images contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: All functional images within the NFB database contain appropriate alt text or an adjacent textual alternative, ensuring that all users can understand the purpose of the image and interact with buttons or links effectively.
Do images used as text contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: The NFB logo, utilized as text, contains appropriate alt text, ensuring accessibility by repeating the textual content conveyed by the image for all users.
Are there icons where appropriate, such as icons to indicate PDF Full Text, Download, Folder, Citation, etc?
Answer: Always
Score: 2
Notes: Icons, including social media icons and symbols like closed captioning indicators, are consistently present within the NFB database, appropriately placed to indicate various functionalities such as sharing options and video accessibility features.
When zoomed in at 200%, is text intact, readable, and not cut off?
Answer: Always
Score: 2
Notes: Text remains intact, readable, and is not cut off when zoomed in at 200%, ensuring a consistent and accessible reading experience for all users.
Are images clear and unpixelated at 200%?
Answer: Always
Score: 2
Notes: All types of images, including informational, functional (e.g., icons), and images used as text, remain clear and unpixelated when zoomed in at 200%, ensuring optimal visual clarity and accessibility for all users.
Is horizontal scrolling minimized at 200%?
Answer: Always
Score: 2
Notes: Horizontal scrolling is always minimized at 200%, ensuring a smoother and more accessible browsing experience for all users.
Do text and images have a contrast ratio of at least 4.5:1?
Answer: Sometimes
Score: 1
Notes: While the contrast ratio for images generally meets the requirement, there are instances of low contrast between text and background colours, indicating some areas where improvement may be needed for accessibility.
Do colour coded graphs have text equivalents?
Answer: Not Applicable
Score: -1
Notes: There are no graphs.
Are blocks of content separated from one another using visual separation (such as whitespace or borders)?
Answer: Always
Score: 2
Notes: Blocks of content are consistently separated from one another using visual separation, such as whitespace or borders
Are text alternatives provided where colour is used to indicate an action?
Answer: Always
Score: 2
Notes: Text alternatives are always provided where colour is used to indicate an action.
Is there a choice embedded within the database that offers text to speech or read aloud options?
Answer: Never
Score: 0
Notes: Text-to-speech or read aloud options are not available as embedded choices within the database.
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: The clickable area around links and buttons is always large enough for users to see and activate easily, ensuring a smooth user experience.
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate?
Answer: Always
Score: 2
Notes: Links and buttons are always spaced far enough apart for users to accurately activate them when using a mouse.
Using any method to test links, are all links and buttons functional (i.e., not dead)?
Answer: Always
Score: 2
Notes: All links and buttons tested are functional.
Is all functionality, including navigating between carousel items, operable by keyboard?
Answer: Sometimes
Score: 1
Notes: Keyboard navigation is available for the carousels on the main pages of each video genre, but it is not accessible on individual video pages.
Is the order of the text preserved at all screen resolutions, without overlap?
Answer: Always
Score: 2
Notes: The order of the text is always preserved at all screen resolutions, without any overlap.
Do images avoid overlapping at all screen resolutions?
Answer: Always
Score: 2
Notes: Images consistently avoid overlapping at all screen resolutions.
Is the overall reading experience preserved at all screen resolutions?
Answer: Always
Score: 2
Notes: The overall reading experience is always preserved at all screen resolutions.

Images

Positioning of Images

Question Answer Notes Images
Are the images positioned prominently and easy to find? Always The images a positioned prominently and easy to find. Most of the images are thumbnails of the videos. They are set up in a grid-like pattern (4 across and 8 down) on all pages that contain videos. All thumbnails are set with the same dimensions.

Functional images embedded in the background

Question Answer Notes Images
Are there functional images embedded in the background? Sometimes Functional images, like the NFB logo, exhibit changes in size and shape when text is enlarged or the browser window dimensions are adjusted, indicating they may be embedded in the background rather than integrated with the foreground content.

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 Icons, including social media icons and symbols like closed captioning indicators, are consistently present within the NFB database, appropriately placed to indicate various functionalities such as sharing options and video accessibility features.

Alt Text

Question Answer Notes Images
Do informative images contain appropriate alt text or an appropriate textual alternative? Always All informative images in the NFB database contain appropriate alt text that succinctly describes the essential information conveyed by the image, ensuring accessibility for users relying on screen readers or unable to view the images.
Do functional images contain appropriate alt text or an appropriate textual alternative? Always All functional images within the NFB database contain appropriate alt text or an adjacent textual alternative, ensuring that all users can understand the purpose of the image and interact with buttons or links effectively.
Do images used as text contain appropriate alt text or an appropriate textual alternative? Always The NFB logo, utilized as text, contains appropriate alt text, ensuring accessibility by repeating the textual content conveyed by the image for all users.

Content Scaling

Question Answer Notes Images
When zoomed in at 200%, is text intact, readable, and not cut off? Always Text remains intact, readable, and is not cut off when zoomed in at 200%, ensuring a consistent and accessible reading experience for all users.
Are images clear and unpixelated at 200%? Always All types of images, including informational, functional (e.g., icons), and images used as text, remain clear and unpixelated when zoomed in at 200%, ensuring optimal visual clarity and accessibility for all users.
Is horizontal scrolling minimized at 200%? Always Horizontal scrolling is always minimized at 200%, ensuring a smoother and more accessible browsing experience for all users.

Colour and Contrast

Question Answer Notes Images
Do text and images have a contrast ratio of at least 4.5:1? Sometimes While the contrast ratio for images generally meets the requirement, there are instances of low contrast between text and background colours, indicating some areas where improvement may be needed for accessibility.

Colour

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

Text to speech

Question Answer Notes Images
Is there a choice embedded within the database that offers text to speech or read aloud options? Never Text-to-speech or read aloud options are not available as embedded choices within the database.

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 The clickable area around links and buttons is always large enough for users to see and activate easily, ensuring a smooth user experience.
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate? Always Links and buttons are always spaced far enough apart for users to accurately activate them when using a mouse.
Using any method to test links, are all links and buttons functional (i.e., not dead)? Always All links and buttons tested are functional.
Are links or buttons accessible via keyboard navigation? Always Links and buttons are always accessible via keyboard navigation.

Dynamic content

Question Answer Notes Images
Can users pause carousel movement? Always The carousel appears at the bottom of each individual video page under suggestions, and multiple carousels are present on the main page for each video genre. Movement of the carousel is triggered solely by user clicks on the arrows; otherwise, it remains stationary. Users can pause on a specific section of the carousel by choosing not to navigate through the items, as automatic movement is enabled.
Is all functionality, including navigating between carousel items, operable by keyboard? Sometimes Keyboard navigation is available for the carousels on the main pages of each video genre, but it is not accessible on individual video pages.

Liquid layout

Question Answer Notes Images
Is the order of the text preserved at all screen resolutions, without overlap? Always The order of the text is always preserved at all screen resolutions, without any overlap.
Do images avoid overlapping at all screen resolutions? Always Images consistently avoid overlapping at all screen resolutions.
Is the overall reading experience preserved at all screen resolutions? Always The overall reading experience is always preserved at all screen resolutions.
Previous1234Next