Skip to main content

Online Tutorials: Tools and Best Practices

Definition and resources

On the Web, accessibility means that any person, including someone with disabilities, can obtain the information they need from the pages in your site. Anything that prevents a person from obtaining needed information makes that content inaccessible.

  • Accessibility Network at UC

The Accessibility Network empowers the UC community to create accessible, inclusive university web sites and eLearning environments for learners with all ranges of abilities. The site contains helpful information about best practicestutorials, educational opportunities, and UC’s EIT Accessibility Policy.

  • Website Accessibility

UC web accessibility page contains links to useful resources, information about the laws, checklists for creating accessible web pages, and more.

Accessibility tips

Alternative text (ALT text)

  • Use it as a textual alternative to non-text content in web pages.
  • See Alternative Text (WebAIM) for detail.
  • The LONGDESC attribute can be used in addition to ALT text to provide a description beyond 250 characters.
  • Put blank (alt=””) attributes in decorative images or images that don’t add any content /meaning based on context.

Captions

Color

Document structure

  • Use headings, lists, and other structural elements to provide meaning and structure to web pages and facilitate keyboard navigation within the page.
  • Provide headers for data tables.

Fonts

  • Use clear fonts. For detail on fonts see Fonts (WebAIM)
  • Good fonts for people with dyslexia: Arial, Courier, Helvetica, Verdana. Avoid italic fonts.
  • Font size: 12-14 points/pixels size is recommended, minimum size 9 points/pixels.

Forms

  • Ensure that every form element (text field, checkbox, dropdown list, etc.) has a label.  
  • Make sure the user can submit the form and recover from any errors, such as the failure to fill in all required fields.

iFrames

Inline frames (iFrames) allow the inclusion of web documents, such as an embedded video, within a web page. Screen readers may indicate that iframes are present.

Good practice for iframe accessibility:

add title="embedded video"

improved iframe code

 

Readability

  • Write clearly and concisely.
  • See also "Fonts."

Modified from "Principles of Accessible Design." Introduction to Web Accessibility (webAIM) and Accessibility, the Final Frontier: These are our voyages into best practices...

Adding captions with YouTube

If the tool you used does not allow making captions, you can always add them after uploading your video to YouTube.
Add subtitles & closed captions on YouTube.

 

Captions in Kaltura

Captions can be requested from a video page in the Captions can be requested from a video page in the Libraries Media Space. Click the “Actions” button and select “+Order Captions”.
Please note:

  • Mechanical captioning is a no cost service and doesn’t require authorization.
  • Professional captions cost $1.50/media minute and will require authorization.
  • The transcript from Cielo24, regardless of whether you choose mechanical or professional fidelity, can be edited from the video page in Media Space by clicking the “Actions” button and selecting “+Edit Captions”.

Accessibility Tools

Accessibility checkers

Screen reader emulators

Disability simulators

Notice of Non-Discrimination | Copyright Information © 2015 University of Cincinnati