YouTube HTML5 Player Accessibility

2005 was a momentous year for YouTube:

  • The youtube.com domain name was created on February 14th.

  • On April 23rd, the first video was uploaded to the site where it remains to this day. It’s called Me at the Zoo and is 19secs long. 27.8m views and counting! :)

  • In September, a Nike ad featuring Brazilian footballer Ronaldinho went viral and was the first video to reach 1m views.

  • On November 7th, YouTube announced it had received $3.5m in funding from a venture capital firm.

  • And on December 15th, according to this Business Insider article, YouTube officially launched out of beta.

Accessibility wasn’t a priority in those early days, but YouTube has come a long way in 10 years. Below are my tips for using the HTML5 player with a screen reader.

more »

Goat Prefers Taste of Nicotine to Grass

The Chinese Year of the Goat begins today. Traditional fortune tellers predict setbacks in the areas of love, wealth and career in 2015. On a happier note, people born in the Year of the Goat are said to be gentle, mild-mannered and generous.

Traits that definitely do not apply to the goat described in the item below. The story was first published in India Today in February, 1994, but the article was later rewritten. What follows is the only copy of the original (and funnier) text anywhere on the web… afaik. Kudos to the Bull for this exclusive! 😄

more »

Manifest Theme List Test

This post is a test of how screen readers handle unordered and ordered lists in the Manifest theme. Screen readers are not announcing either bullets or numbers of list items unless list-style-type is explicitly declared for each list using inline CSS.

Unordered list without inline CSS override:

  • an item
  • another item

Ordered list without inline CSS override:

  1. first item
  2. second item

Unordered list with list-style-type set to disc:

  • an item
  • another item

Unordered list with list-style-type set to circle:

  • an item
  • another item

Unordered list with list-style-type set to square:

  • an item
  • another item

Ordered list with list-style-type set to decimal:

  1. first item
  2. second item

Ordered list with list-style-type set to lower-alpha:

  1. first item
  2. second item

JAWS is announcing “bullet” (•) before unordered list items if list-style-type is set to disc, circle, or square.