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
August 19, 2016

People use H1, H2, H3 all the time, but they use them for style. They really only make sense to a screen reader as a human has no idea what was used to make a heading, or if it really is a heading.

Semantic HTML tags, and especially the HTML5 additions :

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>

have accessibility in mind.

Non-semantic tags like <div> and <span> make no sense to a screen reader.

Years ago they deprecated the use of the <b> tag and went to the <strong> tag, but then they decided to bring the <b> tag back since it has a different meaning.

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