Skip to main content
ladylothlorien
ladylothlorien
Participating Frequently
August 19, 2016
Answered

Add H2 to HTML5's HTML page with either Captivate 8 or 9?

  • August 19, 2016
  • 1 reply
  • 1215 views

Hello! I have published dozens of tutorials to our department's website and now our web team is asking me to make the tutorials more accessible by adding an H2 header to the HTML page for each Captivate tutorial. I am by no means an HTML expert but I've been playing around with just modifying the index.html file that is generated to no (visible) avail. One suggestion that the web team gave me was to use Visual Studio to modify the HTML which is way outside my knowledge although my student worker has experience with that. Another suggestion would be to create a blank page on our website and embed the tutorial. I've seen the instructions for that here and it seems easy enough.

The main problem that I have is the extra steps that these suggestions involve. I probably have close to 50+ tutorials on our site. The idea of not only having to use Visual Studio to modify the existing ones AND for each new tutorial is not appealing. Nor do I like the idea of having to create 50+ webpages and a new webpage each time I create a new tutorial.

So I'm hoping against hope that there is something built into Captivate 8 (which I have now) or 9 (which I should have in the next couple of weeks) that would allow me to add a header to the HTML page when I publish it.

Any suggestions would be appreciated!

This topic has been closed for replies.
Correct answer TLCMediaDesign

You can add the H2 to the html.

Technically the use of tags like an H2 or for screen readers, not to visually style an element. If you include it but you can't see it, the screen reader will still see it.

1 reply

TLCMediaDesign
TLCMediaDesignCorrect answer
Inspiring
August 19, 2016

You can add the H2 to the html.

Technically the use of tags like an H2 or for screen readers, not to visually style an element. If you include it but you can't see it, the screen reader will still see it.

Captiv8r
Captiv8r
Legend
August 19, 2016

Ahhh, Screen Readers? I was wondering about the odd requirement for a heading.

TLCMediaDesign
TLCMediaDesign
Inspiring
November 21, 2017

How can I add H tags to an HTML page output by Captivate?


You can execute this JavaScript to append an H1 tag to the body.

var h = document.createElement("H1")              

var t = document.createTextNode("Hello World");  

h.appendChild(t);

document.body.appendChild(h);

This is very basic with no styling, such as position, font or any zIndex, so Captivate may cover it up, but it's a start not knowing what you are trying to achieve.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices