An Inclusive Holiday Greeting

Articulate Heroes Challenge #399:
Using Pantone’s 2023 Color of the Year in E-Learning

For the final Articulate Heroes Challenge of 2022, I had already decided to create a holiday greeting card. My neighbors and I have different reasons for celebrating the holidays, and I wanted something that would include all of us. So, I used radio buttons to allow people to customize it to reflect their specific beliefs. 

The holiday greeting card with the Kwanzaa option selected. A happy snowman is holding as sign saying, wishing you peace and joy this Kwanzaa.

The color scheme is Viva Magenta since that’s what the challenge requires. Like any color, it’s aesthetically pleasing when paired with complementary colors. Plus, I’m always happy to use something that gives me an excuse to use pink –which is my favorite color. So, a win-win all around 😀.

Below are some noteworthy highlights of this project.

Highlights

Using Articulate’s New Else Condition

I used one less trigger by using the new Else Condition to ensure people selected a holiday before they could proceed to the greeting card. Storyline's trigger dialog showing the else condition.

The illustration shows that using Else, I could check for two separate states of the holiday variable –one for if the variable contained a holiday and the other for if the variable was still blank, and take different actions from a single trigger.

Using Articulate’s New Color Editor

For me, this tool was a surprise holiday bonus! Color conveys so much information and sets the tone for learning, so I’ve usually worked hard to get the precise hexadecimal values before building the solution in Storyline. Storyline's new color editor.

Before, it used to be a chore to enter hexadecimal values. Now, it’s easy!  That’s wonderful! I did find that I had to be very careful to either press Enter or Tab after entering the hex value.  If I didn’t do that, the hex value vanished. I guess it’s a work in progress.

Accessibility-Ready Components

I’ve used only accessible components. Radio buttons are easy for screen readers to work with, so I created custom radio buttons that work with the theme. In addition to that, I made the course accessible by:

  • Removing all decorative images from the focus order
  • Adding relevant Alt Text to the significant image (the snowman)
  • Setting the focus order correctly

The focus order dialog with the main question text highlighted alongside the options slide showing the corresponding effect of putting a focus box around the text.I haven’t tested these features yet. Usually, some tweaking is always required after taking the above actions. So, I hesitate to say that my greeting card is fully accessible, but I have taken the necessary technical steps to make it so.