A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.
To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members).
Canvas: Difference between revisions
| Line 17: | Line 17: | ||
:Limited-vision users can't zoom around the specific area that the user is manipulating. | :Limited-vision users can't zoom around the specific area that the user is manipulating. | ||
:It's a pity the mouse cursor has to be manually changed onmousemove. | :It's a pity the mouse cursor has to be manually changed onmousemove. | ||
:Finger users can't drag their finger across the canvas to find the various interactive parts of the document, because the user agent doesn't know ahead of times which parts are interactive. | |||
= Proposals = | = Proposals = | ||
Revision as of 22:05, 13 January 2012
Real world uses of Canvas
List some real-world examples of uses of canvas that are examples of things best done with canvas and not other features of HTML:
- https://zewt.org/curves/
- http://www.blobsallad.se/iframedsallad.html
- http://www.htmlstack.com/checkbox/
- http://shapecatcher.com/index.html
Limitations of real-world use cases
In this section, discuss specific examples from the list above and explore what those use cases fail to do (e.g. in terms of accessibility) which they should do.
- https://zewt.org/curves/
- Keyboard users can't tab to specific points and move them from the keyboard.
- Should show focus ring around the selected point when moving by keyboard movement.
- Limited-vision users can't zoom around the specific area that the user is manipulating.
- It's a pity the mouse cursor has to be manually changed onmousemove.
- Finger users can't drag their finger across the canvas to find the various interactive parts of the document, because the user agent doesn't know ahead of times which parts are interactive.
Proposals
In this section, propose alternatives to improve canvas to make it easier to fill in the limitations listed in the previous section.
Examples
Take the pages from the first section and show how they would be changed to use the proposals in the previous section.