Blog

Janison CLS content templates and WCAG Standards

Mar 09 2017

WCAG Compliant video

Not enough is made of the WCAG features of the Janison CLS, and sure some of the responibilities for WCAG compliance is that of the authors but the CLS is one of the very few that is capable of meeting WCAG AA compliance out of the box.

In short however, the Janison CLS and content built within the system can be made to be A or AA compliant. It does require a bit of work, and some design choices. That being said we have a total solution and content that has passed a AA test. You can check it out at https://idis.ausport.gov.au. You must understand of course that AA compliance is not totally the responibility of the platform, if you're building courses it is 'you' that will have to put sub-titles on video's to make you page pass a AA test.

Anyway enough of that, the purpose of this article is to list the Janison CLS Templates, identify their 'Level' (how easy or hard they are to use, so level 1 are simple templates and level 4 harder to use) and the ability of the template to deploy content that can pass an A or AA test WCAG testing.

Examples of most of the panel templates can be found at https://learning.canopihr.com.au

If you have any questions or suggestions for me then login and post your comments below.

Level WCAG Interaction Standard Description Technical specs

1

A

Drag and Drop

Yes

The Learner moves each text box under the correct “heading”.

Minimum 2 possible headings. Each text box must have only one correct headings.

1

AA

Free text input

Yes

Allows the learner to enter text answers to a given question.

Can limit the word count. Optional: general feedback (not answer specific). These boxes can be made assessable if desired; a marker would be required.

1

AA

Free text responses

Yes

Questions and text responses from previous screens within the module questions are loaded onto another screen.

Can only reload responses within a module.

Need to word questions so they clearly remind the learner what they answered.

1

AA

Image

Yes

An image inserted onto one segment of the screen.

The ideal aspect ratios for eLearning are:

30% 250x375

70% 640x360

100% 950x450

1

A

Journal

No

The learner selects the Journal Tool on the right of the screen and a dialogue box opens for them to enter relevant text. All entries into the Journal Tool during the whole course are saved in the Journal. All entries can be accessed via the learner’s Journal.

Can have the question preloaded in the “subject” line of the dialogue box.

1

AA

Plain text

Yes

Text on the screen.

Ideal maximum word count

70% panel: 200

30% panel: 120

2

AA

Accordion

Yes

Text organised under key headings. All headings and the text under the active heading are visible.

Can include tabs along the top, bottom, left and right as well.

Page completion can be set to complete on a certain number of headings viewed. Text and headings can include images

2

 

Hyperlink

Yes

The learner selects highlighted text or an image and a document/weblink opens in a new tab on the browser.

Document or weblink must be supplied, and available to the learner.

2

AA

Poll/slider bars

Yes

An interaction for the learner to choose/explore options along a spectrum for the given question. Optional: Feedback popup boxes for each option.

Minimum 3 options, maximum 10, ideally 5 dependant on text.

Can have video responses.

2

A

Pop-up

Yes

A text box or image which pops up when the learner selects highlighted text.

Maximum 200 words for popup

2

AA

Micro Quiz

Yes

Questions and possible answers. Can have multiple choice (includes T/F) and/or multiple choices (more than one right answer) questions.

Correct/incorrect feedback available at the distractor, or question level.

2

A

Reflection tile

Yes

Two sided “tiles” on the panel which turn over when the learner selects them.

Can have text or image on either side of the tile.

Image size dependent on tile size. From 641x360 to minimum 210x115

Ideally up to 9 tiles per screen.

Maximum word count dependent on tile size.

2

A

Reveal

Yes

A bulleted list of text which appear in order as the learner selects the “reveal” button.

 

2

A

Sortable list

No

Learner reorders a list of words in a specific order.

Can be assessable, and have feedback for correct/incorrect answers.

2

AA

Toggle checkbox

No

A list of text options from which the learner can make a selection.

Not assessable, can have play back of selections later in the module. Max about 14 words per option, max 26 check boxes.

2

A

Toggle checkbox playback

No

Animated words which fly from the outside to centre of the screen

Only words selected in toggle checkbox will appear. Format of text cannot be changed.

Can also be created to display specific list of text without the toggle checkbox option (e.g. thoughts flying around the image of a person).

2

AA

Video

Yes

A video which is embedded in the screen.

Minimum screen resolution: 640x360, preferred: 1280x720. Bandwidth: 200mbs/s or greater. Compression method: MP4, compression codec: H.264 (web optimised). First frame delivered as face plate at 640x360 jpeg.

Any cc files to be delivered as text VTT files with same filename prefix as the video.

3

A

Reflection tile multiple choice

No

A reflection tile with a question on top half, and a number of choices/answers below. Whole tile turns around with feedback relevant to the choice selected.

Not assessable. Learner can flick back and forth between options. Answer box ratios dependant on the number of words/image size for each option.

3

AA

Slideshow

Yes

A series of images on the screen which the learner flicks through in order with text underneath each.

Image size: 640x360

Can have audio.

Maximum text: ~ 120 words

4

A

2D matrix

No

Two connected scales for the learner to explore the connected impact of increases/decreases along both scales. An image between the scales changes (grows:shrinks / darkens:lightens) as each scale is adjusted.

Must have 5 steps on each of the two scales. Feedback options for each possible combination (up to 25).

4

AA

Hotspot

Yes

The learner selects areas of an image and pop-up boxes of text/images appear.

Image size: 640x360

Areas can be highlighted to indicate where to select.

Ideal maximum word count for popup boxes: 200 words.

4

AA

Hotspot 360 degree

No

An image with four areas, and four small respective images lined down the right side. Explores the links between an area in the image (e.g. a person) and 3 or 4 of the images down the side (e.g coach and player or youth and sports field).

Image size: 640x360

Areas can be highlighted to indicate where to select.

Ideal maximum word count for popup boxes: 200 words.

4

A

High Chart

No

A charting tool which graphically compares the responses of two tests/quizzes e.g. Slider polls.

 

 

Blog