Added .js-a11y-completion-description selector to heading completion aria-label instead of targeting generic .aria-label selector to update completion.
This will prevent functionality clashes between elements of a shared selector. For example, using a11y_alt_texthelper within a displayTitle, as per the associated issue.
Testing
Use the a11y_alt_text helper within a displayTitle. Note, you'll need to test this on a component that requires interaction rather than in view completion. For example, an Accordion title.
"displayTitle": "I wish I had {{a11y_alt_text '$5bn' 'five billion dollars'}}",
Go to the title within your course and inspect (or use a screen reader).
Title should read "Incomplete. I wish I had five billion dollars"
Interact with component so all items complete.
Title should read "Complete. I wish I had five billion dollars"
Fixes https://github.com/adaptlearning/adapt-contrib-core/issues/561
Fix
Added
.js-a11y-completion-description
selector to heading completion aria-label instead of targeting generic.aria-label
selector to update completion.This will prevent functionality clashes between elements of a shared selector. For example, using
a11y_alt_text
helper within adisplayTitle
, as per the associated issue.Testing
Use the
a11y_alt_text
helper within adisplayTitle
. Note, you'll need to test this on a component that requires interaction rather than in view completion. For example, an Accordion title."displayTitle": "I wish I had {{a11y_alt_text '$5bn' 'five billion dollars'}}",
Go to the title within your course and inspect (or use a screen reader). Title should read "Incomplete. I wish I had five billion dollars"
Interact with component so all items complete. Title should read "Complete. I wish I had five billion dollars"