Categories
"fixing alt" alt html5 image

Fixing Alt – Social Media Venn Diagram Made Accessible

Social Media Venn Diagram T-Shirt from despair.com
http://despair.com/somevedi.html

Perfect scenario for the longdesc attribute!

The alt I used in the image below is “Social Media Venn Diagram”

Three intersection circles labeled Narcissism, ADHD, and Stalking.
Narcissism and ADHD cross and labeled MySpace.
Narcissism and Stalking cross and labeled Facebook.
Stalking and ADHD cross and labeled FourSquare.
All three (Stalking, ADHD, and Narcissism) cross and labeled Twitter.

Social Media Venn Diagram

Categories
adobe captions html5 news table twitter video

Roundup: Accessibility Links on Twitter

Here’s a list of some great links relating to web accessibility going around Twitter last week.

Categories
awards conference event html5 pdf podcast standards twitter wcag2

Podcast #74: Awards, Events & Back to Basics

A super special podcast:

  • First time face-to-face recording between Dennis and Ross.
  • In Santa Cruz, California.
  • 4-Year Anniversary for Web Axe.

Download Web Axe Episode 74 (Awards, Events & Back to Basics)

[transcript of podcast 74]

Chatter

Articles

If a page is viewed through Google Chrome Frame in Internet Explorer no content is available to the user of assistive technology (AT). This can be illustrated using the Microsofts accexplorer tool.

Events/Conferences

Main Segment

WCAG 2: Remember P.O.U.R.: Perceivable, Operable, Understandable, Robust

  • Perceivable – Interface elements can not be invisible to users.
  • Operable – Users must be able to interact with the interface.
  • Understandable – Users must be able to understand with information and the interface (cognitive).
  • Robust – Must be usable by a wide range of user agents and assisstive technologies.

Use P.O.S.H.: Plain Ol’ Semantic HTML

  • Use headings and properly.
  • P is for paragraph.
  • blockquotes for quotes (not indentation).
  • Use lists for lists, menus, etcetera.
  • Definition Lists.
  • Use strong and em tags versus b and i.

Other topics:

  • Alt text for non-textual elements.
  • Tables
  • Forms
  • JavaScript
  • Device-Independence
  • Visual impairments
  • Audio
Categories
design html5 podcast twitter

Podcasts from Tweeps: Universal Design, SitePoint, Heretech

Some great recent podcasts from some great Tweeps (if you’ve been on Mars, that means users of Twitter).