VPAT - Login and Content Management Accessibility Conformance Report

WCAG Edition

(Based on VPATยฎ Version 2.5)

Name of Product:

ScreenPal Login and Content Management (https://screenpal.com/)

Report Date:

July 1st, 2024

Product Description:

ScreenPalย is a video hosting platform facilitating the sharing of video and image content, privately or publicly.

Contact information:

๏ปฟ[email protected]๏ปฟ

Evaluation Methods Used:

Accessibility testing as per WCAG 2.2 AA guidelines.

The evaluation was performed using the below tools/ tests:

  • Screen readers:
    • NVDA on Win11/ Chrome
    • VoiceOver on iPhone/ Safari
  • WAVE automated tool
  • Color contrast testing using Color Contrast Analyzer
  • Browser zoom
  • Keyboard-only
  • Text-spacing testing using bookmarklets

Applicable Standards/Guidelines

This report covers the degree of conformance with the following accessibility standards/guidelines:

Standard/Guideline

Included in Report

Web Content Accessibility Guidelines 2.2 at https://www.w3.org/TR/WCAG22/๏ปฟ

Level AAA (No)

Level AA (Yes)

Level A (Yes)

๏ปฟ

Terms

The terms used in the Conformance Level information are defined as follows:

  • Supports: The functionality of the product has at least one method that meets the criterion without known defects or meets with equivalent facilitation.
  • Partially Supports: Some functionality of the product does not meet the criterion.
  • Does Not Support: The majority of product functionality does not meet the criterion.
  • Not Applicable: The criterion is not relevant to the product.
  • Not Evaluated: The product has not been evaluated against the criterion.

Table 1: Success Criteria, Level A

Criteria

Conformance Level

Remarks and Explanations

๏ปฟ1.1.1 Non-text Content (Level A)

Partially Supports

Most of the images on the website contain relevant alternative text.

Exceptions include:

  • The screen reader announces a similar alternative text for all theย  'Analytics' and 'Thumbnail' icons on the Analytics page.
  • The screen reader does not announce the alternative text for the graph on the Analytics page.
  • The alternative text is not announced for the open in a new tab icon on the Quizzes Details page.
  • The alternative text is missing for the QR code image on the Quizzes Details page.

Supports

No audio-only or video-only content is present on the website.

๏ปฟ1.2.2 Captions (Prerecorded) (Level A)

Supports

No caption is required for the multimedia content present on the website.

Supports

Audio description is not required for the multimedia content present on the website.

๏ปฟ1.3.1 Info and Relationships (Level A)

Partially Supports

The website mostly has consistent headers and global table structures to establish clear information and relationships within the website. Screen readers properly identify most of the information available on the website. Visually impaired users are easily able to perceive the relationship between a particular element and its role.

Exceptions include:

  • The error messages are not associated with the required edit fields on multiple pages.
  • The screen reader does not announce the mandatory form fields as 'Required' on multiple pages.
  • Grouping is missing for the radio buttons like 'Public' on the Add New Channel (Modal window)
  • The main landmark is missing from all pages.

๏ปฟ1.3.2 Meaningful Sequence (Level A)

Partially Supports

The sequence of the content present on the website is mostly meaningful and appropriate and does not affect the meaning of the provided content.

Exceptions include:

  • The focus moves to the background element outside the menu overlay using VoiceOver on the Analytics page.
  • The screen reader announces hidden contents inside the profile menu using VoiceOver on the Analytics page.

Supports

No information is present on the website which is based on sensory characteristics such as shape, size, location, sound, etc.

๏ปฟ1.4.1 Use of Color (Level A)

Partially Supports

Color, in most cases, is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Exceptions include:

  • Only colored circles are used to convey the information for the graph details.

๏ปฟ1.4.2 Audio Control (Level A)

Supports

No audio content is present on the website that plays automatically for more than 3 seconds.

๏ปฟ2.1.1 Keyboard (Level A)

Partially Supports

The website mostly supports standard keyboard navigation and input functions (including swiping to move between input fields and pressing [Double tap] to make selections).

Exceptions include:

  • The '+ Add Caption' button is not focusable using the keyboard on the Content/videos page.
  • The elements 'QR Code' and 'Info Tooltips' are not focusable using the keyboard on the Analytics page.
  • The color picker functionality is not accessible using the keyboard on the Hosting page.
  • The video frame elements are not accessible using the keyboard on the Quizzes Details page.

๏ปฟ2.1.2 No Keyboard Trap (Level A)

Supports

Keyboard focus is moving sequentially throughout the website without the focus getting trapped in any section and it is convenient to access the functionality.

๏ปฟ2.1.4 Character Key Shortcuts (Level A 2.1 and 2.2)

Supports

No functionalities are dependent on or controlled by character key shortcuts.

๏ปฟ2.2.1 Timing Adjustable (Level A)

Supports

There is no such activity present on the website where time needs to be adjusted or extended.

๏ปฟ2.2.2 Pause, Stop, Hide (Level A)

Supports

There is no such content present on the website that needs to be stopped, paused, or hidden.

Supports

There is no flashing content present on the website.

๏ปฟ2.4.1 Bypass Blocks (Level A)

Partially Supports

A bypass mechanism for skipping to the main content is implemented.

Exceptions include:

  • The 'Skip to main' link is not implemented to bypass the repeated blocks present on the header section of the pages.

๏ปฟ2.4.2 Page Titled (Level A)

Supports

Descriptive and correct page titles are present for pages throughout the website.

๏ปฟ2.4.3 Focus Order (Level A)

Partially Supports

The focus mostly moves in a correct sequence order on the website, from left to right and top to bottom.

Exceptions include:

  • An incorrect focus order is found after the 'ScreenPal' logo link on the Login, Forgot Password, and Register page.
  • The focus moves twice to the 'Copy Link' button on multiple pages.
  • The focus moves to a hidden element after the 'Update Profile' link on the Company Profile page.
  • An incorrect focus order is found for the tabs like 'Result Summary' on the Quizzes Details page.

Partially Supports

Most of the links are provided with appropriate link text and the user would be able to understand the purpose of the link from its link text.

Exceptions include:

  • The screen reader announces an insufficient link text as '1', '2', etc. for the pagination links on the Analytics and Videos pages.
  • The 'Bulk import your users' link is not distinguishable from

๏ปฟ2.5.1 Pointer Gestures (Level A 2.1 and 2.2)

Supports

All functionalities present on the website can be operated with a single pointer without a path-based gesture unless a multi-point or path-based gesture is essential.

๏ปฟ2.5.2 Pointer Cancellation (Level A 2.1 and 2.2)

Supports

No down-event of the pointer is used in the website to execute any part of the action.

๏ปฟ2.5.3 Label in Name (Level A 2.1 and 2.2)

Supports

All labels on the website include text and the same text is defined in the code as well to assist speech recognition technologies.

๏ปฟ2.5.4 Motion Actuation (Level A 2.1 and 2.2)

Supports

No functionality is present on the website that is operable only by device motion.

๏ปฟ3.1.1 Language of Page (Level A)

Supports

The language attribute is correctly defined for the web pages.

๏ปฟ3.2.1 On Focus (Level A)

Supports

No interactive element is triggered automatically on receiving the focus.

๏ปฟ3.2.2 On Input (Level A)

Supports

Change of context does not happen when the user changes the setting of any input controls.

๏ปฟ3.2.6 Consistent Help (Level A 2.2 only)

Supports

No help mechanism is provided at a consistent place on multiple web pages.

๏ปฟ3.3.1 Error Identification (Level A)

Supports

Errors present on the website are notified to the users correctly.

๏ปฟ3.3.2 Labels or Instructions (Level A)

Partially Supports

The website mostly provides support for motor-impaired and cognitive users as the labels and instructions are provided for the form fields, which are clearly visible and readable to such users.

Exceptions include:

  • No visual indication is available for the required form fields like 'Email' on multiple pages.

๏ปฟ3.3.7 Redundant Entry (Level A 2.2 only)

Supports

Users are not required to enter the same details in the same process multiple times.

๏ปฟ4.1.2 Name, Role, Value (Level A)

Partially Supports

Most of the website elements have a proper label associated with their role and the screen reader recognizes them correctly with updated values as well.

Exceptions include:

  • The screen reader does not announce the label for the Caption Language combobox on the Content/videos page.
  • The state as 'Current' is not announced for the selected 'Page 1' link pagination link on the Analytics page.
  • No label, role, and, state are announced by the VoiceOver for all the 'Info' buttons on the Analytics page.
  • The screen reader doesn't announce the label for the 'Enter the email you use for ScreenPal' edit field on the Forgot Password page.
  • The screen reader doesn't announce the label for the 'Search' button on multiple pages

๏ปฟ

Table 2: Success Criteria, Level AA

Criteria

Conformance Level

Remarks and Explanations

๏ปฟ1.2.4 Captions (Live) (Level AA)

Supports

No live multimedia content is present on the website.

Supports

Audio description is not required for the multimedia content present on the website.

๏ปฟ1.3.4 Orientation (Level AA 2.1 and 2.2)

Supports

The website does not restrict its view and operation to a single display orientation.

๏ปฟ1.3.5 Identify Input Purpose (Level AA 2.1 and 2.2)

Supports

Interactive fields on the website are clearly labeled to direct the user to enter the data expected in the fields.

๏ปฟ1.4.3 Contrast (Minimum) (Level AA)

Partially Supports

The website mostly adheres to minimum contrast standards.

Exceptions include:

  • The text such as 'Speed' fails the color contrast ratio on the Quizzes Details page.
  • The text 'Yes, delete integration' fails the color contrast ratio on the Integration page.
  • The text 'The default endpoint for Team..' fails color contrast ratio on the Authentication page.
  • The text 'Remove Billing Contact' fails the color contrast ratio on the hover state on the Company Profile and Authentication pages.

๏ปฟ1.4.4 Resize text (Level AA)

Supports

The website is fully responsive. At a zoom of 200%, no loss of content or functionality is observed.

๏ปฟ1.4.5 Images of Text (Level AA)

Supports

No information is conveyed to the user via an image of the text.

๏ปฟ1.4.10 Reflow (Level AA 2.1 and 2.2)

Partially Supports

The website mostly does not require scrolling in two dimensions to present content without loss of information at 400% zoom.

Exceptions include:

  • The 'New Access Page' button disappears on changing the viewport 320px X 256px on the Feature Access Default and Quizzes Details pages.
  • The 'Reset Secret' overlaps with text on the viewport of 320px X 256px on the Analytics page.
  • The 'Saml Alert' modal content truncates on the viewport of 320px X 256px on the Authentication page.
  • The text 'Select content below to see trends' overlaps on the viewport of 320px X 256px on the Analytics page.

๏ปฟ1.4.11 Non-text Contrast (Level AA 2.1 and 2.2)

Partially Supports

The website user interface components mostly have a contrast ratio of at least 3:1 against adjacent color(s).

Exceptions include:

  • The 'Next Page' and 'Previous Page' icons fail the color contrast ratio on the Analytics page.
  • The focus indicator of pagination links fails the color contrast ratio on the Analytics page.
  • The 'Get offers, tips, and product news.' check box icon fails the color contrast ratio on the selected state on multiple pages.
  • The 'X (Close)' icon fails the color contrast ratio on multiple modals of the website.

๏ปฟ1.4.12 Text Spacing (Level AA 2.1 and 2.2)

Partially Supports

The website is mostly compliant with WCAG text spacing requirements.

Exceptions include:

  • The text 'Analytics' gets misaligned after applying the text spacing properties on the Analytics page.

๏ปฟ1.4.13 Content on Hover or Focus (Level AA 2.1 and 2.2)

Partially Supports

The content that is triggered by hover or focus is mostly dismissible, hoverable, and persistent.

Exceptions include:

  • The 'Captions' tooltip is not dismissed on mouse pointer on the Content/videos, Analytics, and Analytics Details page.
  • The tooltips like 'Quick view Info', 'Show/Hide button', etc are not dismissible using the 'Esc' key on multiple pages.
  • The tooltips of elements such as 'Open Link' are not dismissible using the ESC key on the Analytic Details and Quizzes Details pages.

๏ปฟ2.4.5 Multiple Ways (Level AA)

Supports

A proper navigation header is provided to access the different types of website pages.

๏ปฟ2.4.6 Headings and Labels (Level AA)

Partially Supports

Headings and labels on the website mostly provide sufficient detail of the content they are describing.

Exceptions include:

  • The screen reader announces an insufficient label for the date picker fields on the Analytic details page.
  • The screen reader announces the insufficient label for the 'Copy' button on the Integration page.
  • An insufficient label is announced for the 'Menu' button on the Quizzes Details page.

๏ปฟ2.4.7 Focus Visible (Level AA)

Partially Supports

Most of the elements present on the website have focus visibility.

Exceptions include:

  • The focus indicator is not visible for the 'Continue' button on the Login, Forgot Password, and Register pages.
  • The focus indicator is not visible for the 'Select All' Checkbox on multiple pages.
  • The focus indicator is not available on the 'Review Data' button on the Bulk Import Users, Edit profile setting, and Company Profile pages.

๏ปฟ2.4.11 Focus Not Obscured (Minimum) (Level AA 2.2 only)

Partially Supports

Most of the elements that receive keyboard focus are at least partially visible upon receiving the focus.

Exceptions include:

  • The focus is obscured by background content and does not get trapped inside most of the modals on the website.

๏ปฟ2.5.7 Dragging Movements (Level AA 2.2 only)

Supports

All actions that involve dragging, are provided with a simple pointer alternative.

๏ปฟ2.5.8 Target Size (Minimum) (Level AA 2.2 only)

Supports

All theย interactive pointer targets are at least 24 by 24 CSS pixels or have sufficient spacing around them.

๏ปฟ3.1.2 Language of Parts (Level AA)

Supports

English is the primary and only language of the website. There are no phrases or sentences written in any other language, which need to be defined separately.

๏ปฟ3.2.3 Consistent Navigation (Level AA)

Supports

Navigational mechanisms are repeated on the website and occur in the same relative order each time they are repeated. Hence, consistent navigation is provided to the user.

Supports

Components that provide the same functionality throughout the website can be easily identified by the user.

๏ปฟ3.3.3 Error Suggestion (Level AA)

Supports

The provided error messages are descriptive enough to understand the error and identify the location where they occur.

Supports

There are no critical forms available where error prevention is required. Error suggestions are enough to fill out the form and correct the errors.

๏ปฟ3.3.8 Accessible Authentication (Minimum) (Level AA 2.2 only)

Supports

Sufficient mechanisms are provided to assist users with mental effort during authentication or login steps.

๏ปฟ4.1.3 Status Messages (Level AA 2.1 and 2.2)

Partially Supports

The updated content automatically notifies the visually impaired users via a screen reader in most of the cases.

Exceptions include:

  • The screen reader remains silent when the search result appears automatically on the Analytics page.
  • The sorting notification is not announced automatically on the Analytics page.
  • The screen reader remains silent when the error message 'Something went wrong' appears automatically on multiple pages.
  • The status message 'Your profile has been updated' isn't announced automatically on the Company Profile, Hosting, and Authentication pages.
  • The text such as 'Speed' fails the color contrast ratio on the Quizzes Details page.
  • The text 'Yes, delete integration' fails the color contrast ratio on the Integration page.
  • The text 'The default endpoint for Team..' fails color contrast ratio on the Authentication page.
  • The text 'Remove Billing Contact' fails the color contrast ratio on the hover state on the Company Profile and Authentication pages.

Exceptions include:

The website mostly adheres to minimum contrast standards.

  • The 'New Access Page' button disappears on changing the viewport 320px X 256px on the Feature Access Default and Quizzes Details pages.
  • The 'Reset Secret' overlaps with text on the viewport of 320px X 256px on the Analytics page.
  • The 'Saml Alert' modal content truncates on the viewport of 320px X 256px on the Authentication page.
  • The text 'Select content below to see trends' overlaps on the viewport of 320px X 256px on the Analytics page.

Exceptions include:

The website mostly does not require scrolling in two dimensions to present content without loss of information at 400% zoom.

  • The 'Next Page' and 'Previous Page' icons fail the color contrast ratio on the Analytics page.
  • The focus indicator of pagination links fails the color contrast ratio on the Analytics page.
  • The 'Get offers, tips, and product news.' check box icon fails the color contrast ratio on the selected state on multiple pages.
  • The 'X (Close)' icon fails the color contrast ratio on multiple modals of the website.

Exceptions include:

The website user interface components mostly have a contrast ratio of at least 3:1 against adjacent color(s).

  • The text 'Analytics' gets misaligned after applying the text spacing properties on the Analytics page.

Exceptions include:

The website is mostly compliant with WCAG text spacing requirements.

  • The 'Captions' tooltip is not dismissed on mouse pointer on the Content/videos, Analytics, and Analytics Details page.
  • The tooltips like 'Quick view Info', 'Show/Hide button', etc are not dismissible using the 'Esc' key on multiple pages.
  • The tooltips of elements such as 'Open Link' are not dismissible using the ESC key on the Analytic Details and Quizzes Details pages.

Exceptions include:

The content that is triggered by hover or focus is mostly dismissible, hoverable, and persistent.

  • The screen reader announces an insufficient label for the date picker fields on the Analytic details page.
  • The screen reader announces the insufficient label for the 'Copy' button on the Integration page.
  • An insufficient label is announced for the 'Menu' button on the Quizzes Details page.

Exceptions include:

Headings and labels on the website mostly provide sufficient detail of the content they are describing.

  • The focus indicator is not visible for the 'Continue' button on the Login, Forgot Password, and Register pages.
  • The focus indicator is not visible for the 'Select All' Checkbox on multiple pages.
  • The focus indicator is not available on the 'Review Data' button on the Bulk Import Users, Edit profile setting, and Company Profile pages.

Exceptions include:

Most of the elements present on the website have focus visibility.

  • The focus is obscured by background content and does not get trapped inside most of the modals on the website.

Exceptions include:

Most of the elements that receive keyboard focus are at least partially visible upon receiving the focus.

fill out the form and correct the errors.

There are no critical forms available where error prevention is required. Error suggestions are enough to

  • The screen reader remains silent when the search result appears automatically on the Analytics page.
  • The sorting notification is not announced automatically on the Analytics page.
  • The screen reader remains silent when the error message 'Something went wrong' appears automatically on multiple pages.
  • The status message 'Your profile has been updated' isn't announced automatically on the Company Profile, Hosting, and Authentication pages.

Exceptions include:

The updated content automatically notifies the visually impaired users via a screen reader in most of the cases.