TIP #1: Headings should not contain other headings.
<h1>Sample Heading Text<h1>Subtext</h1></h1>
Remove the nested headings, or replace them with SPAN elements.
<h1>Sample Heading Text<span>Subtext</span></h1>
TIP #2: Use HTML headings instead of applying CSS heading styles to non-headings.
<div style="font-size:1.5em; color:#cc0000;">Sample Heading Text</div>
Change the element to an appropriate heading element (H1, H2, H3, etc) and apply CSS styles if necessary.
<h1 style="color:#cc0000;">Sample Heading Text</h1>
Adding captions to videos definitely adds a bit of time on to a project, and is so important for accessibility. But remember that captions can also help other folks who may not be deaf or hard of hearing.
According to Penn State University's Accessibility Website, non-deaf beneficiaries of captions include:
- anyone with defective computer audio
- students needing to learn new terminology or
- those whose first language is not English
- viewers in a noisy room or with a sleeping roommate
Free Video Captioning Tools
Here are some free tools that can help you get the video captioning job done:
Amara >> Free, open source, online captioning tool
MovieCaptioner >> Free 14-day, fully-functional demo version available - closed captioning software for Mac and Windows (works offline)
Caption Format Converter Tool >> Free tool that converts SRT or SBV to various caption formats
Instructor-led, Online Course: How to Create Accessible Websites
This instructor-led, hands-on course covers essential design, coding, and testing procedures for Web designers and developers who want to be sure the sites they create are accessible to as many people as possible. Class participants will build an accessible web site based on the WCAG 2.0 Standards...Levels A, AA & AAA.
2 Days Online | 9 AM - 4 PM EDT
Instructor: Mary Gillen
Tuition: $950 per person
Find out more and register for How to Create Accessible Websites online course