Assessment for PsychiatryOnline 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: Most images are easy to find and well placed on pages in database. There is a sleek clean look.
Are there functional images embedded in the background?
Answer: Never
Score: 0
Notes: All images remain aligned when the window of the browser is moved.

Images are not misaligned when zoomed in and the browser window is resized, but the text does become misaligned.

Do informative images contain appropriate alt text or an appropriate textual alternative?
Answer: Always
Score: 2
Notes: There are only a few informational images. But all of them have alt text that pertains to the image.
Do functional images contain appropriate alt text or an appropriate textual alternative?
Answer: Sometimes
Score: 1
Notes: Most of the images are links or adjacent to links. Some of the code for the images do not contain the alt text directly within the specific sequence (ex. <img class="img-left-favicons" src="/pb-assets/images/backgrounds/_podcast-finding-our-voice/finding-our-voice-logo-1609344798.jpg">) but has it included in the following code sequence (<img class="img-left-favicons" src="/pb-assets/images/backgrounds/_podcast-finding-our-voice/finding-our-voice-logo-1609344798.jpg">). Many images have the alt text for the adjacent link (usually found to the side or below the image).
Do images used as text contain appropriate alt text or an appropriate textual alternative?
Answer: Sometimes
Score: 1
Notes: Logo image does contain the alt text. There are some images in the carousel for academic journals that do not contain any alt text. However, they could be considered decorative images as they are placed beside a link to a featured article within the journal.
Are there icons where appropriate, such as icons to indicate PDF Full Text, Download, Folder, Citation, etc?
Answer: Always
Score: 2
Notes: Yes the icons are easily accessible and visible.
When zoomed in at 200%, is text intact, readable, and not cut off?
Answer: Always
Score: 2
Notes: The text remains readable when zoomed in 200%. The font remains at 14px.
Are images clear and unpixelated at 200%?
Answer: Always
Score: 2
Notes: Images remain clear and unpixlated zoomed in at 200%.
Is horizontal scrolling minimized at 200%?
Answer: Never
Score: 0
Notes: There is no horizontal scrolling when zoomed in at 200%. However, at 200% the screen goes from two columns to one, and the content in the right column moves to the bottom of the single column on all pages. Sometimes when the content from the right column is moved to the single column zoomed in at 200% ends up having formatting issues such as on the Psychiatric News page where some of the content is left or in the middle.
Do text and images have a contrast ratio of at least 4.5:1?
Answer: Sometimes
Score: 1
Notes: Using wave to evaluate the contrast ratio, most pages checked have zero errors. However, pages that have a lot of text such as those that provide the abstract of articles sometimes have two or more contrast errors. It has low contrast between the text and background.
Do colour coded graphs have text equivalents?
Answer: Always
Score: 2
Notes: The only colour coded graphs found within this database is Altmetric badges, which are found at the bottom of the journal and article pages. These graphs, when hovering on the badge bring up a box that has corresponding text explaining which each colour represents. By desaturating the page, the colours are represented in darker to lighter shades of grey. However, some altemtric badges have the corresponding text on the page explaining the badge. Users have to click the badge to be taken to the page.
Are blocks of content separated from one another using visual separation (such as whitespace or borders)?
Answer: Always
Score: 2
Notes: All reviewed pages have visual separation cues between blocks of content. Most are separated by borders.
Are text alternatives provided where colour is used to indicate an action?
Answer: Always
Score: 2
Notes:
Is there a choice embedded within the database that offers text to speech or read aloud options?
Answer: Never
Score: 0
Notes: There is no embedded text to speech feature within this 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: Most of the links and buttons are large enough for users to see. The font is standard size or larger in most cases.
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate?
Answer: Always
Score: 2
Notes: There is enough space between links and buttons for users to accurately activate.
Using any method to test links, are all links and buttons functional (i.e., not dead)?
Answer: Always
Score: 2
Notes: No broken links were found.
Are links or buttons accessible via keyboard navigation?
Answer: Always
Score: 2
Notes: Links and buttons are accessible via keyboard navigation.
Can users pause carousel movement?
Answer: Never
Score: 0
Notes: There are a few slider carousels that do not have a pause button. However, there is about 15 seconds between each transition.
Is all functionality, including navigating between carousel items, operable by keyboard?
Answer: Always
Score: 2
Notes: All links in the carousel are operable by keyboard and can be navigated.
Is the order of the text preserved at all screen resolutions, without overlap?
Answer: Always
Score: 2
Notes: Test the screen resolution in both chrome and firefox and text all resized to match the page with no overlapping.
Do images avoid overlapping at all screen resolutions?
Answer: Always
Score: 2
Notes: Images avoid overlapping when tested at different screen resolutions in both chrome and firefox browsers.
Is the overall reading experience preserved at all screen resolutions?
Answer: Always
Score: 2
Notes: Texts is still readable at all resolutions and resizing of the browser windows.
eResource: PsychiatryOnline
eResource Type: Database
Vendor: American Psychiatric Publishing
Institution: St. Clair
Score: B

Images

Positioning of Images

Question Answer Notes Images
Are the images positioned prominently and easy to find? Always Most images are easy to find and well placed on pages in database. There is a sleek clean look.

Functional images embedded in the background

Question Answer Notes Images
Are there functional images embedded in the background? Never All images remain aligned when the window of the browser is moved. Images are not misaligned when zoomed in and the browser window is resized, but the text does become misaligned.

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 Yes the icons are easily accessible and visible.

Alt Text

Question Answer Notes Images
Do informative images contain appropriate alt text or an appropriate textual alternative? Always There are only a few informational images. But all of them have alt text that pertains to the image.
Do functional images contain appropriate alt text or an appropriate textual alternative? Sometimes Most of the images are links or adjacent to links. Some of the code for the images do not contain the alt text directly within the specific sequence (ex. <img class="img-left-favicons" src="/pb-assets/images/backgrounds/_podcast-finding-our-voice/finding-our-voice-logo-1609344798.jpg">) but has it included in the following code sequence (<img class="img-left-favicons" src="/pb-assets/images/backgrounds/_podcast-finding-our-voice/finding-our-voice-logo-1609344798.jpg">). Many images have the alt text for the adjacent link (usually found to the side or below the image).
Do images used as text contain appropriate alt text or an appropriate textual alternative? Sometimes Logo image does contain the alt text. There are some images in the carousel for academic journals that do not contain any alt text. However, they could be considered decorative images as they are placed beside a link to a featured article within the journal.

Content Scaling

Question Answer Notes Images
When zoomed in at 200%, is text intact, readable, and not cut off? Always The text remains readable when zoomed in 200%. The font remains at 14px.
Are images clear and unpixelated at 200%? Always Images remain clear and unpixlated zoomed in at 200%.
Is horizontal scrolling minimized at 200%? Never There is no horizontal scrolling when zoomed in at 200%. However, at 200% the screen goes from two columns to one, and the content in the right column moves to the bottom of the single column on all pages. Sometimes when the content from the right column is moved to the single column zoomed in at 200% ends up having formatting issues such as on the Psychiatric News page where some of the content is left or in the middle.

Colour and Contrast

Question Answer Notes Images
Do text and images have a contrast ratio of at least 4.5:1? Sometimes Using wave to evaluate the contrast ratio, most pages checked have zero errors. However, pages that have a lot of text such as those that provide the abstract of articles sometimes have two or more contrast errors. It has low contrast between the text and background.

Colour

Question Answer Notes Images
Do colour coded graphs have text equivalents? Always The only colour coded graphs found within this database is Altmetric badges, which are found at the bottom of the journal and article pages. These graphs, when hovering on the badge bring up a box that has corresponding text explaining which each colour represents. By desaturating the page, the colours are represented in darker to lighter shades of grey. However, some altemtric badges have the corresponding text on the page explaining the badge. Users have to click the badge to be taken to the page.
Are blocks of content separated from one another using visual separation (such as whitespace or borders)? Always All reviewed pages have visual separation cues between blocks of content. Most are separated by borders.
Are text alternatives provided where colour is used to indicate an action? Always

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 There is no embedded text to speech feature within this 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 Most of the links and buttons are large enough for users to see. The font is standard size or larger in most cases.
Using your mouse to test links, are links and buttons far enough apart for users to accurately activate? Always There is enough space between links and buttons for users to accurately activate.
Using any method to test links, are all links and buttons functional (i.e., not dead)? Always No broken links were found.
Are links or buttons accessible via keyboard navigation? Always Links and buttons are accessible via keyboard navigation.

Dynamic content

Question Answer Notes Images
Can users pause carousel movement? Never There are a few slider carousels that do not have a pause button. However, there is about 15 seconds between each transition.
Is all functionality, including navigating between carousel items, operable by keyboard? Always All links in the carousel are operable by keyboard and can be navigated.

Liquid layout

Question Answer Notes Images
Is the order of the text preserved at all screen resolutions, without overlap? Always Test the screen resolution in both chrome and firefox and text all resized to match the page with no overlapping.
Do images avoid overlapping at all screen resolutions? Always Images avoid overlapping when tested at different screen resolutions in both chrome and firefox browsers.
Is the overall reading experience preserved at all screen resolutions? Always Texts is still readable at all resolutions and resizing of the browser windows.
Previous1234Next