Fix: compile item text (fixes #173)

[kirsty-hames]

Fixes #173

To support the use of a11y_alt_text helper tag.

PR Test

Add a11y_alt_text helper to Matching item text e.g. {{a11y_alt_text '$5bn' 'five billion dollars'}}.

In your course, go to the Matching item and '$5bn' should be displayed.

Using the browser devtools, inspect '$5bn' and the helper should have split out the on screen text and a11y text e.g.
<span aria-hidden="true">$5bn</span><span class="aria-label">five billion dollars</span>

[joe-allen-89]

Looks good @kirsty-hames, should also add compile to matchingDropDown.jsx so we can use it in the drop down lists?

[cahirodoherty-learningpool]

👀

[kirsty-hames]

Looks good @kirsty-hames, should also add compile to matchingDropDown.jsx so we can use it in the drop down lists?

Thanks for the suggestion @joe-allen-89. If I do the same for matchingDropDown, the text property is also used for the <li text=""> attribute.
I'm not actually sure what the text attribute is for but I imagine we only need the on screen text rendered here?

I've tried using text={a11y.normalize(compile(text))} but you get both the on screen and screen reader text. See screenshot below. Other than creating a new property to override the text attribute, any other ideas?

[oliverfoster]

text={text}

v5.0.0 hbs

adapt-contrib-matching/js/dropdownOption.js

Line 42 in e685597

parent.$inner.html(this.$el.attr('text'));

It's just left over from old code. It should be safe to remove.

[joe-allen-89]

👍

[github-actions]

🎉 This PR is included in version 7.3.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[oliverfoster]

compile doesn't exist in this file as it wasn't imported