WCAG 2.0 Conformance Report

Evaluation Report for Process Shepherd - Agent Access

About the Evaluation

Report Creator: Angela Sison
Evaluation Commissioner: Jarrod Neven
Evaluation date: Tue Jun 20 2023

Executive Summary

This report describes the conformance of the Process Shepherd website with W3C’s Web Content Accessibility Guidelines (WCAG).

Based on this evaluation, the Process Shepherd website is close to meeting WCAG 2.1, Conformance Level AA. I have found that some areas and compliances still need to be addressed.

Summary of failed compliances:

alt attributes on image tags are not yet implemented.
Color contrast ratio on some images on the wizard sessions steps are still below the minimum required ration. To resolve this, only icons or images that are not too bright should be used. Preferably blue icons or images that are close to the website colors.
Some pages still have font sizes below 14px. The smallest recommended font-size for desktop is 14px. Font sizes smaller than that could be an issue for users with poor eyesight.
Close icon and buttons on the course modals still do not highlight when on focus via keyboard. This makes it difficult to navigate through the modal while using the keyboard.

Feedback on this evaluation is welcome.

Scope of the Evaluation

Website name: Process Shepherd
Scope of the website: Name: Process Shepherd URL's for testing: https://demo.dev.processshepherd.cc/login https://blue.dev.processshepherd.cc/login Testing if the website meets the minimum requirements of WCAG 2.1 with Level AA conformance. Pages that were successfully tested include: Keyboard compliance: - Articles List page - Full Articles page - eLearning Section - Wizard Section Font Accessibility compliance: - Articles List page - Pagination buttons Color contrast ratio compliance: - Wizard Sessions page Not yet tested: Images for alt attributes, placeholder names or descriptions for when an image fails to load
WCAG Version: 2.1
Conformance target: AA
Accessibility support baseline: Google Chrome
Additional evaluation requirements: - The report will include a description of the problem and repair suggestions for any errors listed - The evaluation will cover all web pages and web content of the website, rather than a selected sample only

Detailed Audit Results

Summary

Reported on 46 of 50 WCAG 2.1 AA Success Criteria.

29 Passed
4 Failed
0 Cannot tell
13 Not present
4 Not checked

All Results

1 Perceivable

1.1 Text Alternatives

Success Criterion	Result	Observations
1.1.1: Non-text Content	Entire sample Result: Failed Articles List Page Result: Not present Wizard Catalog Result: Not present Wizard Session Result: Not present Course Presentation Result: Failed Wizard Sessions Page Result: Failed Wizard Sessions List Result: Not present eLearning Course List Result: Failed eLearning My Courses Result: Failed Full Articles page Result: Failed	Entire sample Observations: Text alternatives for images to name or describe them, if they fail to load or for text-to-speech AI for blind users. This has not yet been implemented on the Process Shepherd website. Articles List Page No images are displayed on this page Wizard Catalog No images are displayed on this page Wizard Session No images are displayed on this page Course Presentation Text-alternatives for images in the Course Presentation pages are not implemented. To resolve this, image tags should have alt attributes that will be a placeholder text for images that failed to load. Wizard Sessions Page Text-alternatives for images in the Course Presentation pages are not implemented. To resolve this, image tags should have alt attributes that will be a placeholder text for images that failed to load. Wizard Sessions List No images are displayed on this page eLearning Course List Text-alternatives for images in the Course Presentation pages are not implemented. To resolve this, image tags should have alt attributes that will be a placeholder text for images that failed to load. eLearning My Courses Text-alternatives for images in the Course Presentation pages are not implemented. To resolve this, image tags should have alt attributes that will be a placeholder text for images that failed to load. Full Articles page Text-alternatives for images in the Course Presentation pages are not implemented. To resolve this, image tags should have alt attributes that will be a placeholder text for images that failed to load.

Success Criterion

Result

Observations

1.1.1: Non-text Content

Entire sample

Result: Failed

Articles List Page

Result: Not present

Wizard Catalog

Result: Not present

Wizard Session

Result: Not present

Course Presentation

Result: Failed

Wizard Sessions Page

Result: Failed

Wizard Sessions List

Result: Not present

eLearning Course List

Result: Failed

eLearning My Courses

Result: Failed

Full Articles page

Result: Failed

Entire sample

Observations:

Text alternatives for images to name or describe them, if they fail to load or for text-to-speech AI for blind users. This has not yet been implemented on the Process Shepherd website.

Articles List Page

No images are displayed on this page

Wizard Catalog

No images are displayed on this page

Wizard Session

No images are displayed on this page

Course Presentation

Text-alternatives for images in the Course Presentation pages are not implemented. To resolve this, image tags should have alt attributes that will be a placeholder text for images that failed to load.

Wizard Sessions Page

Wizard Sessions List

No images are displayed on this page

eLearning Course List

eLearning My Courses

Full Articles page

1.2 Time-based Media

Success Criterion	Result	Observations
1.2.1: Audio-only and Video-only (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: No audio-only and video-only in the Process Shepherd website.
1.2.2: Captions (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: There are no audio content on the Process Shepherd website
1.2.3: Audio Description or Media Alternative (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: There is no audio description or media alternative on the process shepherd website.
1.2.4: Captions (Live)	Entire sample Result: Not present	Entire sample Observations: No live audio content on the Process Shepherd website.
1.2.5: Audio Description (Prerecorded)	Entire sample Result: Not present	Entire sample Observations: There are no prerecorded video content in the Process Shepherd website.

Success Criterion

Result

Observations

1.2.1: Audio-only and Video-only (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

No audio-only and video-only in the Process Shepherd website.

1.2.2: Captions (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

There are no audio content on the Process Shepherd website

1.2.3: Audio Description or Media Alternative (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

There is no audio description or media alternative on the process shepherd website.

1.2.4: Captions (Live)

Entire sample

Result: Not present

Entire sample

Observations:

No live audio content on the Process Shepherd website.

1.2.5: Audio Description (Prerecorded)

Entire sample

Result: Not present

Entire sample

Observations:

There are no prerecorded video content in the Process Shepherd website.

1.3 Adaptable

Success Criterion	Result	Observations
1.3.1: Info and Relationships	Entire sample Result: Passed Articles List Page Result: Not present Wizard Catalog Result: Not present Wizard Session Result: Not present Course Presentation Result: Not present Wizard Sessions Page Result: Not present Wizard Sessions List Result: Not present eLearning Course List Result: Not present eLearning My Courses Result: Not present Full Articles page Result: Not present	Entire sample Observations: Asterisks are present for required fields and fields are highlighted when active and if an error is encountered, error message will also appear. Wizard creator form Wizard flow creator forms Modal forms Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.3.2: Meaningful Sequence	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Layout and structure of all pages flow in a meaningful sequence from top to bottom and left to right. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.3.3: Sensory Characteristics	Entire sample Result: Passed Articles List Page Result: Not present Wizard Catalog Result: Not present Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Not present eLearning Course List Result: Not present eLearning My Courses Result: Not present Full Articles page Result: Not present	Entire sample Observations: Flow creator: Use of rectangle boxes(blocks) and colors to identify the different kinds of blocks and line connectors to link blocks to one another Course Presentations: Use of arrows to guide the user to the next or previous slides. Wizard sessions page: Color difference for buttons to identify active and disabled buttons Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation Presence of left and right arrows in the presentation and the color difference to identify active and disabled arrow icons. Wizard Sessions Page Use of image icons and checkbox rectangles to identify the options/answers to choose from Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.3.4: Orientation	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: All content on the Process Shepherd is displayed in a landscape orientation. Desktop first display Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.3.5: Identify Input Purpose	Entire sample Result: Passed Articles List Page Result: Not present Wizard Session Result: Not present Course Presentation Result: Not present Wizard Sessions Page Result: Not present Wizard Sessions List Result: Not present eLearning Course List Result: Not present eLearning My Courses Result: Not present	Entire sample Observations: Tooltips are available throughout the process shepherd website on forms and input fields. Tooltips guide and assist the user in understanding the need for the required fields. Articles List Page No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added

Success Criterion

Result

Observations

1.3.1: Info and Relationships

Entire sample

Result: Passed

Articles List Page

Result: Not present

Wizard Catalog

Result: Not present

Wizard Session

Result: Not present

Course Presentation

Result: Not present

Wizard Sessions Page

Result: Not present

Wizard Sessions List

Result: Not present

eLearning Course List

Result: Not present

eLearning My Courses

Result: Not present

Full Articles page

Result: Not present

Entire sample

Observations:

Asterisks are present for required fields and fields are highlighted when active and if an error is encountered, error message will also appear.

Wizard creator form
Wizard flow creator forms
Modal forms

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.3.2: Meaningful Sequence

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Layout and structure of all pages flow in a meaningful sequence from top to bottom and left to right.

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.3.3: Sensory Characteristics

Entire sample

Result: Passed

Articles List Page

Result: Not present

Wizard Catalog

Result: Not present

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Not present

eLearning Course List

Result: Not present

eLearning My Courses

Result: Not present

Full Articles page

Result: Not present

Entire sample

Observations:

Flow creator: Use of rectangle boxes(blocks) and colors to identify the different kinds of blocks and line connectors to link blocks to one another
Course Presentations: Use of arrows to guide the user to the next or previous slides.
Wizard sessions page: Color difference for buttons to identify active and disabled buttons

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

Presence of left and right arrows in the presentation and the color difference to identify active and disabled arrow icons.

Wizard Sessions Page

Use of image icons and checkbox rectangles to identify the options/answers to choose from

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.3.4: Orientation

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

All content on the Process Shepherd is displayed in a landscape orientation. Desktop first display

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.3.5: Identify Input Purpose

Entire sample

Result: Passed

Articles List Page

Result: Not present

Wizard Session

Result: Not present

Course Presentation

Result: Not present

Wizard Sessions Page

Result: Not present

Wizard Sessions List

Result: Not present

eLearning Course List

Result: Not present

eLearning My Courses

Result: Not present

Entire sample

Observations:

Tooltips are available throughout the process shepherd website on forms and input fields. Tooltips guide and assist the user in understanding the need for the required fields.

Articles List Page

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

1.4 Distinguishable

Success Criterion	Result	Observations
1.4.1: Use of Color	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Use of color on the process shepherd website is balance and compliant to color contrast ratio. Use of red and green is also present in forms to indicate success and errors. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.4.2: Audio Control	Entire sample Result: Not present Articles List Page Result: Not present Wizard Catalog Result: Not present Wizard Session Result: Not present Course Presentation Result: Not present Wizard Sessions Page Result: Not present Wizard Sessions List Result: Not present eLearning Course List Result: Not present eLearning My Courses Result: Not present Full Articles page Result: Not present	Entire sample Observations: Website does not have audio/video files that run on auto play. Process Shepherd occasionally has embedded youtube videos, no hardcoded videos. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.4.3: Contrast (Minimum)	Entire sample Result: Failed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Failed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Passed on majority of the pages: The minimum contrast ratio for colors on the process shepherd website is 3.1 for the green that is used and the main blue color is at 3.42. Failed on the image icons used for the wizard sessions. The icons need to swapped with matching blue icons or icons with not too bright colors that result to a low contrast ratio. Articles List Page No observations added Wizard Catalog No observations added Wizard Session The images with the red question mark (?) being used on the sessions page for the main text/wizard questions need to be swapped to less brighter colors. Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.4.4: Resize text	Entire sample Result: Failed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Failed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Failed eLearning Course List Result: Failed eLearning My Courses Result: Failed Full Articles page Result: Passed	Entire sample Observations: Some pages on the Process Shepherd website have 13px as the smallest font size. The smallest font size on desktop should be 14px. Body Text should is usually the smallest text on the page. Articles List Page Smallest font on the page is 14px. Wizard Catalog Smallest font on the page is 24px. Wizard Session The smallest font size on the Wizard Sessions table is 13px. Should be at least 14px on desktop Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List The smallest font size on the Wizard Sessions table is 13px. Should be at least 14px on desktop eLearning Course List The smallest font on the eLearning Course list is 13px. The minimum font size on desktop should be 14px. eLearning My Courses The smallest font size on the Course description is 13px. Full Articles page No observations added
1.4.5: Images of Text	Entire sample Result: Not present	Entire sample Observations: Process Shepherd does not have images of text on the website.
1.4.10: Reflow	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: The process shepherd website is responsive when the browser window is being resized and it retains majority of its elements until 780px. But at 320px the elements are no longer fully visible. Process Shepherd is not a mobile first website Articles List Page No observations added Wizard Catalog No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.4.11: Non-text Contrast	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Adjacent blue colors on the side nav have a color contrast ratio of 3.87 Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.4.12: Text Spacing	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Spacing on the website passed the minimum requirements Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
1.4.13: Content on Hover or Focus	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Tooltips are visible when the cursor pointer is hovering over the icon or the text and then is immediately dismissed once the cursor leaves the element. It does not obstruct other elements for a long period of time. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added

Success Criterion

Result

Observations

1.4.1: Use of Color

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Use of color on the process shepherd website is balance and compliant to color contrast ratio. Use of red and green is also present in forms to indicate success and errors.

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.4.2: Audio Control

Entire sample

Result: Not present

Articles List Page

Result: Not present

Wizard Catalog

Result: Not present

Wizard Session

Result: Not present

Course Presentation

Result: Not present

Wizard Sessions Page

Result: Not present

Wizard Sessions List

Result: Not present

eLearning Course List

Result: Not present

eLearning My Courses

Result: Not present

Full Articles page

Result: Not present

Entire sample

Observations:

Website does not have audio/video files that run on auto play. Process Shepherd occasionally has embedded youtube videos, no hardcoded videos.

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.4.3: Contrast (Minimum)

Entire sample

Result: Failed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Failed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Passed on majority of the pages: The minimum contrast ratio for colors on the process shepherd website is 3.1 for the green that is used and the main blue color is at 3.42.

Failed on the image icons used for the wizard sessions. The icons need to swapped with matching blue icons or icons with not too bright colors that result to a low contrast ratio.

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

The images with the red question mark (?) being used on the sessions page for the main text/wizard questions need to be swapped to less brighter colors.

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.4.4: Resize text

Entire sample

Result: Failed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Failed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Failed

eLearning Course List

Result: Failed

eLearning My Courses

Result: Failed

Full Articles page

Result: Passed

Entire sample

Observations:

Some pages on the Process Shepherd website have 13px as the smallest font size. The smallest font size on desktop should be 14px. Body Text should is usually the smallest text on the page.

Articles List Page

Smallest font on the page is 14px.

Wizard Catalog

Smallest font on the page is 24px.

Wizard Session

The smallest font size on the Wizard Sessions table is 13px. Should be at least 14px on desktop

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

The smallest font size on the Wizard Sessions table is 13px. Should be at least 14px on desktop

eLearning Course List

The smallest font on the eLearning Course list is 13px. The minimum font size on desktop should be 14px.

eLearning My Courses

The smallest font size on the Course description is 13px.

Full Articles page

No observations added

1.4.5: Images of Text

Entire sample

Result: Not present

Entire sample

Observations:

Process Shepherd does not have images of text on the website.

1.4.10: Reflow

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

The process shepherd website is responsive when the browser window is being resized and it retains majority of its elements until 780px. But at 320px the elements are no longer fully visible. Process Shepherd is not a mobile first website

Articles List Page

No observations added

Wizard Catalog

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.4.11: Non-text Contrast

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Adjacent blue colors on the side nav have a color contrast ratio of 3.87

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.4.12: Text Spacing

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Spacing on the website passed the minimum requirements

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

1.4.13: Content on Hover or Focus

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Tooltips are visible when the cursor pointer is hovering over the icon or the text and then is immediately dismissed once the cursor leaves the element. It does not obstruct other elements for a long period of time.

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

2 Operable

2.1 Keyboard Accessible

Success Criterion	Result	Observations
2.1.1: Keyboard	Entire sample Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: The Agent user account is fully accessible with a keyboard. Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
2.1.2: No Keyboard Trap	Entire sample Result: Passed
2.1.4: Character Key Shortcuts	Entire sample Result: Not present

Success Criterion

Result

Observations

2.1.1: Keyboard

Entire sample

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

The Agent user account is fully accessible with a keyboard.

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

2.1.2: No Keyboard Trap

Entire sample

Result: Passed

2.1.4: Character Key Shortcuts

Entire sample

Result: Not present

2.2 Enough Time

Success Criterion	Result	Observations
2.2.1: Timing Adjustable	Entire sample Result: Not present Articles List Page Result: Not present Wizard Catalog Result: Not present Wizard Session Result: Not present Course Presentation Result: Not present Wizard Sessions Page Result: Not present Wizard Sessions List Result: Not present eLearning Course List Result: Not present eLearning My Courses Result: Not present Full Articles page Result: Not present	Entire sample Observations: Process Shepherd does not have time sensitive features. But it would help to detect user inactivity on Wizard sessions, confirming or asking if the user needs more time to answer the question before proceeding to the next question/step. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
2.2.2: Pause, Stop, Hide	Entire sample Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed Full Articles page Result: Passed	Entire sample Observations: Pre-loaders and lazy loading is implemented and present on the Process Shepherd website. This provides feedback to the user that the content is still loading Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added Full Articles page No observations added

Success Criterion

Result

Observations

2.2.1: Timing Adjustable

Entire sample

Result: Not present

Articles List Page

Result: Not present

Wizard Catalog

Result: Not present

Wizard Session

Result: Not present

Course Presentation

Result: Not present

Wizard Sessions Page

Result: Not present

Wizard Sessions List

Result: Not present

eLearning Course List

Result: Not present

eLearning My Courses

Result: Not present

Full Articles page

Result: Not present

Entire sample

Observations:

Process Shepherd does not have time sensitive features. But it would help to detect user inactivity on Wizard sessions, confirming or asking if the user needs more time to answer the question before proceeding to the next question/step.

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

2.2.2: Pause, Stop, Hide

Entire sample

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Pre-loaders and lazy loading is implemented and present on the Process Shepherd website. This provides feedback to the user that the content is still loading

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

Full Articles page

No observations added

2.3 Seizures and Physical Reactions

Success Criterion	Result	Observations
2.3.1: Three Flashes or Below Threshold	Entire sample Result: Not present

Success Criterion

Result

Observations

2.3.1: Three Flashes or Below Threshold

Entire sample

Result: Not present

2.4 Navigable

Success Criterion	Result	Observations
2.4.1: Bypass Blocks	Entire sample Result: Passed
2.4.2: Page Titled	Entire sample Result: Passed
2.4.3: Focus Order	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: When navigating through the website via keyboard, the focus goes in a standard left to right and top to bottom order. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
2.4.4: Link Purpose (In Context)	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Not present Wizard Sessions Page Result: Not present Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Link labels and titles are described adequately for users to understand where the link will redirect and what kind of content they will see on the page after getting redirected. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
2.4.5: Multiple Ways	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: User can navigate out of the current page via the side navigation or through clicking the back button of the browser Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
2.4.6: Headings and Labels	Entire sample Result: Passed
2.4.7: Focus Visible	Entire sample Result: Failed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Failed eLearning My Courses Result: Failed Full Articles page Result: Passed	Entire sample Observations: Indicators are present all throughout the site except for the course list modal or the my courses modal to enroll or to continue/start a course. The 'X' icon and the "Add to my courses & start later" and "Enroll Now" buttons on the modal do not highlight when being navigated on via keyboard. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added

2.5 Input Modalities

Success Criterion	Result	Observations
2.5.1: Pointer Gestures	Entire sample Result: Not present
2.5.2: Pointer Cancellation	Entire sample Result: Not present
2.5.3: Label in Name	Entire sample Result: Passed
2.5.4: Motion Actuation	Entire sample Result: Not present

3 Understandable

3.1 Readable

Success Criterion	Result	Observations
3.1.1: Language of Page	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Default language is English Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
3.1.2: Language of Parts	Entire sample Result: Not checked

Success Criterion

Result

Observations

3.1.1: Language of Page

Entire sample

Result: Passed

Articles List Page

Result: Passed

Wizard Catalog

Result: Passed

Wizard Session

Result: Passed

Course Presentation

Result: Passed

Wizard Sessions Page

Result: Passed

Wizard Sessions List

Result: Passed

eLearning Course List

Result: Passed

eLearning My Courses

Result: Passed

Full Articles page

Result: Passed

Entire sample

Observations:

Default language is English

Articles List Page

No observations added

Wizard Catalog

No observations added

Wizard Session

No observations added

Course Presentation

No observations added

Wizard Sessions Page

No observations added

Wizard Sessions List

No observations added

eLearning Course List

No observations added

eLearning My Courses

No observations added

Full Articles page

No observations added

3.1.2: Language of Parts

Entire sample

Result: Not checked

3.2 Predictable

Success Criterion	Result	Observations
3.2.1: On Focus	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
3.2.2: On Input	Entire sample Result: Passed
3.2.3: Consistent Navigation	Entire sample Result: Passed
3.2.4: Consistent Identification	Entire sample Result: Passed

3.3 Input Assistance

Success Criterion	Result	Observations
3.3.1: Error Identification	Entire sample Result: Passed	Entire sample Observations: Input field and form validations are implemented and if users do not comply with validations input field or form error messages will appear to inform the user which is incorrect.
3.3.2: Labels or Instructions	Entire sample Result: Passed Articles List Page Result: Not present Wizard Catalog Result: Not present Wizard Session Result: Not present Course Presentation Result: Passed Wizard Sessions Page Result: Not present Wizard Sessions List Result: Not present eLearning Course List Result: Not present eLearning My Courses Result: Not present Full Articles page Result: Not present	Entire sample Observations: All forms and its input fields have labels and placeholder texts. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
3.3.3: Error Suggestion	Entire sample Result: Passed Articles List Page Result: Passed Wizard Catalog Result: Passed Wizard Session Result: Passed Course Presentation Result: Passed Wizard Sessions Page Result: Passed Wizard Sessions List Result: Passed eLearning Course List Result: Passed eLearning My Courses Result: Passed Full Articles page Result: Passed	Entire sample Observations: Error messages are present and tooltips, success and error toast messages are also visible to inform the user of their actions if successful or failed. Articles List Page No observations added Wizard Catalog No observations added Wizard Session No observations added Course Presentation No observations added Wizard Sessions Page No observations added Wizard Sessions List No observations added eLearning Course List No observations added eLearning My Courses No observations added Full Articles page No observations added
3.3.4: Error Prevention (Legal, Financial, Data)	Entire sample Result: Not checked

4 Robust

4.1 Compatible

Success Criterion	Result	Observations
4.1.1: Parsing	Entire sample Result: Passed
4.1.2: Name, Role, Value	Entire sample Result: Not checked
4.1.3: Status Messages	Entire sample Result: Not checked

Success Criterion

Result

Observations

4.1.1: Parsing

Entire sample

Result: Passed

4.1.2: Name, Role, Value

Entire sample

Result: Not checked

4.1.3: Status Messages

Entire sample

Result: Not checked

Sample of Audited Web Pages

Articles List Page - https://demo.dev.processshepherd.cc/articles/catalog
Wizard Catalog - https://demo.dev.processshepherd.cc/wizard/catalog
Wizard Session - https://demo.dev.processshepherd.cc/wizard/15/sessions/66
eLearning Course List - https://demo.dev.processshepherd.cc/courses
eLearning My Courses - https://demo.dev.processshepherd.cc/my-courses
Full Articles page - Articles page where the user can read and view the full articles
Course Presentation - https://demo.dev.processshepherd.cc/course-presentation/25
Wizard Sessions Page - https://demo.dev.processshepherd.cc/wizard/session?page=1&per_page=25&sort=date_ended&sort_order=asc
Wizard Sessions List - https://demo.dev.processshepherd.cc/wizard/session?page=1&per_page=25&sort=date_ended&sort_order=asc

Web Technology

HTML,CSS,JavaScript,Vue.JS

Recording of Evaluation Specifics

Not provided

Categories

WCAG 2.0 Conformance Report

Evaluation Report for Process Shepherd - Agent Access

About the Evaluation

Executive Summary

Scope of the Evaluation

Detailed Audit Results

Summary

All Results

1 Perceivable

1.1 Text Alternatives

Entire sample

Articles List Page

Wizard Catalog

Wizard Session

Course Presentation

Wizard Sessions Page

Wizard Sessions List

eLearning Course List

eLearning My Courses

Full Articles page

Entire sample

Articles List Page

Wizard Catalog

Wizard Session

Course Presentation

Wizard Sessions Page

Wizard Sessions List

eLearning Course List

eLearning My Courses

Full Articles page

1.2 Time-based Media

Entire sample

Entire sample

Entire sample

Entire sample

Entire sample

Entire sample

Entire sample

Entire sample

Entire sample

Entire sample

1.3 Adaptable

Entire sample

Articles List Page

Wizard Catalog

Wizard Session

Course Presentation

Wizard Sessions Page

Wizard Sessions List

eLearning Course List

eLearning My Courses

Full Articles page

Entire sample

Articles List Page

Wizard Catalog

Wizard Session

Course Presentation

Wizard Sessions Page

Wizard Sessions List

eLearning Course List

eLearning My Courses

Full Articles page

Entire sample

Articles List Page

Wizard Catalog

Wizard Session

Course Presentation

Wizard Sessions Page

Wizard Sessions List

eLearning Course List

eLearning My Courses

Full Articles page

Entire sample

Articles List Page

Wizard Catalog

Wizard Session

Course Presentation

Wizard Sessions Page

Wizard Sessions List