Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Where HTML5 Canvas Accessibility Is Now

DZone's Guide to

Where HTML5 Canvas Accessibility Is Now

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

New features in HTML5 mean new accessibility issues, whether problematic or no (there's some disagreement on this). Here are two resources for keeping up with the current status quo:

  • html5accessibility.com includes tables detailing each browser's HTML5 accessibility support, with numerical rankings alongside more qualitative notes. The site hasn't been updated since July, which will become more of an issue as more rapid-releases (especially Firefox) appear; but for now, at least, the site has a lot of great info. Also includes tips for accessibility support workarounds.
  • Steve Faulkner's 'HTML5 canvas accessibility discussions 2009-2011' page organizes and reformats Charles Pritchard's in-depth review of three years in HTML5 accessibility discussions, an overview of relevant conversations on the public-canvas-api email list. The back-and-forth hyperlinked emails, which in many places conclude in aporia, reveal a bit more about the deeper disagreements still plaguing the development of HTML5 accessibility.


The SVG vs. Canvas debate touches closely on the accessibility issue -- so even if you're not terribly fascinated by accessibility in general, anyone interested in interactive web graphics should find these two pages interesting.

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}