Accessibility issue - page titles not unique

HI KayleighCardnel you are right that Storyline uses the course title in the <title> element in the HTML head, and is used on all slides.

The only way to correct an issue like this is using JavaScript. Storyline do not offer any configuration regarding the <title> element.

If, for example, you were using a Slide Template that has a Title on it, we can use JavaScript and a timeline start trigger, to get the text from that Title and then apply it to the <title> like this:

const title = document.getElementById("slide-label").innerText;
document.title = title.replace('slide: ','');

However, this will then cause another issue, as your main title of the page will be duplicated multiple times. You will have the title appear in the following definitions:

1. <title>This is my title</title>
2. <div id="slide-label" data-ref="label" aria-live="polite">slide: This is my title</div>
3. <span>This is my title</span>

It would be best first to determine what the title of each page should be and if it is ok to have the HTML Title and the Slide Title the same. If not, then what should the <title> be?

Another option could be using a Storyline variable to define a unique HTML page title. For example, you could define a text variable in Storyline called "pageTitle". Ensure that on each slide, when the slide loads, the variable is updated with the required label.

Use the Storyline variable, we can then use JavaScript again to set the <title> of the page:

const player = GetPlayer();
document.title = player.GetVar("pageTitle");

Add this JavaScript to the MASTER SLIDE and add a trigger that runs the script, every time the pageTitle variable is changed.