Flash CC HTML5 Canvas Accessibility - 508

Has anyone had success creating a Tabindex order within a Flash CC HTML5 Canvas file?  Been using Flash for online training courses but looking to make the move to HTML5 using Flash CC.  When you create a new HTML5 Canvas file the Accessibility panel is not available.  I have been using Actionscript for several years to handle the Tabindex order so the fact that HTML5 canvas files don't have the Accessibility panel available can't be a good sign.

Accessibility in HTML5 is handled strictly in the HTML. It is usually done with descriptors added to attributes of elements. Each browser handles, or doesn't handle, these attributes in a slightly different way. The result is that accessibility is at least as complex as CSS in HTML5. Here's an article that should help to make it unclear: HTML5 accessibility - work in progress March 2014.
In any case incorporating accessibility into the HTML5 translator for Flash is probably not going to happen any time soon.

Similar Messages

  • Is there any way to use video with the new Flash CC HTML5 Canvas?

    I am a long time Flash user trying to determine if this new version of the program is something to add to the workflow again (after the last several years of not being able to use it) and the tutorials I have seen are not well written. Is there a way to use a video file within the animation, like with the AS2 and AS3 versions of Flash where I could insert a video clip into a symbol and animate the symbol while the video played.
    What I need to know is what format of video file I should use and how to add it into the timeline since Flash does not seem to be allowing for any type of import for this.
    Any Thoughts?
    Thanks,
    Brett

    Ok, so there are limitations, are they written down somewhere? I have been looking for a list of do and do not functions and the ways to work around them. Are they in the documentation somewhere I haven't discovered?
    Right now all I am looking to do is create Classic Tweens that animate movement and opacity so I can create a presentation with video that includes these elements. Is that level of functionality available in the HTML5 Canvas, or is that still on the drawing board?
    Is there a specific name for what I am looking to do that would aid my search? HTML5 video is not enough since the answer has not been forthcoming in Google or on Adobe or Stack Overflow. I am starting to think that nobody has thought of this yet, or if they have they decided that it is not currently possible and skipped the part where the rest of us find out.
    Any thoughts on making the connection to either doing this or finding out that it is just not possible yet would be very helpful.

  • How to get audio to play on Ipad using flash cc html5 canvas

    I'm using flash cc html5 project type. I built my project and tested on desktop and it works fine. Once test on ipad it does not play the audio. It works on android  devices but not my ipad 4. I'm using Mp3 files in my flash project.
    I tried the safari & Chrome on my Ipad neither played the audio in my file.
    Links to my files.
    http://dev.wisc-online.com/prototypes/TestJosh/cis3405_html5.html
    http://dev.wisc-online.com/prototypes/TestJosh/cis3405_html5.js

    Thanks I read through that. I still cant determine what exacty my issue is.
    Is it audio must be played only on a click handler?
    Is it that i must install quick tiem on my ipad?
    So i have to modify code that flash outputs for me to get audio to play on an Ipad? That doesnt seem correct? It should just function.

  • Exporting flash cc html5 animation to edge animate

    I want to create an interactive animation for PC, cellphones tablets etc. Since most cellphones do not support flash I decided to do this in HTML5. Flash cc supports html5 canvas but the response time of the simple buttons I created is just awful and buggy. After researching I found out that everyone suggest Edge for html5 content. My problem is in edge I do not have any brush or pen tools which I need for my animations. So I would have to create vector animations in flash and export them to edge. I have found absolutely nothing to do this. I can either export as swf which the majority of cellphones do not support or videos that are non vector or non vector image sequences. I can publish flash cc html5 canvas as html/js but I cant Import it to edge. Am I missing something or why isn't this possible?

    Hi Alhab
    One way to do this is, exporting your content from Flash to Edge Animate as sprite sheets. The following discussion might help you to bring your content from Flash to Animate.
    created animation in flash turn it into a rollover
    Let us know If you need more help.
    Thanks
    Manigandan

  • JS-Linter,a static javascript analysis extension for HTML5 Canvas documents in Flash Pro CC

    JSLinter is a  extension for Flash Pro CC for static code analysis of timeline javascript in ’HTML5 Canvas’ docs.It helps to detect errors and potential problems in your timeline javascript code .
    You can download the extension form my blog here
    http://hemanthkumarr.wordpress.com/2013/12/05/js-lintera-static-javascript-analysis-extens ion-for-html5-canvas-documents-in-flash-pro-cc/

    Checked just now .It is working for me and i can download the extension.
    Can you just verify again and let me know?
    -Hemanth

  • Installed latest version of Flash CC and did not get HTML5 Canvas

    Hello,
    This weekend I installed Flash Professional CC on a new Mac running Mavericks. It is a new OS and the first time installing Flash CC on it. After the isntallation I ran the program and saw that I do not have the HTML5 Canvas options that came with the November release. I went to Flash --> Help --> Updates and ran the update tool. It told me that I have the latest version.
    Does anyone have any suggestions?
    Matthew

    What is your Flash Pro version? (13.1.0.226 was the last released version) You should see an option  for 'HTML5 Canvas' document on the Start page and New document dialog.

  • Has HTML5 Canvas option been removed in Flash CC 2014 release?

    Has HTML5 Canvas option been removed in Flash CC 2014 release? Because I can't seem to find it, and if so is there still a way to use it?

    Thank you for your answer. Now, that's weird, because this is how mine looks

  • Flash Proffession CC 2014 HTML5 Canvas drag and drop not working

    Hi,
    I am making drag and drop in Flash professional CC 2014 using canvas and it is working fine on desktop but same when I am testing in Android tablet it is not working.  Can any one please advise how to make drag and drop application from Flash CC 2014 which will work on both web/pc desktop HTML5 canvas and all android devices.
    Thanks

    I just discovered something.  What I meant above is that I cannot drag and drop files from the "Media Browser" panel.  Surely that should be possible.  After all, that is how you browse your music files.  If I first double click a file in the browser so that it opens in the "Files" panel, I can then drag and drop files from there.  That is ridiculously tedious however because that opens the wave file and closes the "CD Layout" panel.  I then have to reopen the "CD Layout" panel before I can drag and drop a file.  I'm pretty sure you should be able to simply drag and drop from the Media Browser.  Any comments from Adobe?

  • A puzzle I made in Adobe Flash on an html5 canvas only works in Firefox, and not in other browsers. What should I do?

    I made a puzzle on a html5 canvas in Flash CC, and followed the exact steps of an online tutorial. The final product works in Firefox, but not in Chrome or Internet Explorer. What am I doing wrong?

    Call up the Javascript Console in Chrome and see if it's showing error messages.
    Also, you might try uploading it to a web server and viewing it from there (or turning Apache on locally). It may be a cross site security issue.

  • Flash Builder 4 and the HTML5 canvas tag

    I see that in CS5 you will be able to import Flash animations into HTML5 Canvas code
    http://www.readwriteweb.com/archives/flash_now_importable_to_hmtl_canvas.php
    Is this a planned feature for Flash Builder?

    Thanks Matt for the error message.  Found a bug report for the issue with adobe.  Turns out Flash Builder 4 will not support Flex 2 SDK
    [https://bugs.adobe.com/jira/browse/FB-15688]
    Which means that we can't compile within the IDE, but can compile outside using the command line.  This will be adding yet another layer to the development process
    Matt, any news on when Flex 3 will be supported in the SDK?  With the release of Flex 4 i'd imagine it's coming up.

  • Flash html5 canvas touchStart

    click the button "an_bottom" play, click the button "an_top" gotoplay(5)
    iphone6 the "touch"  slide up "play()" , slide down" gotoplay "(5)"  Slide up or down to adjust "play()"and"gotoplay(5)" ,Please help me.
    this.an_bottom.addEventListener("click", fl_ClickToGoToAndPlayFromFrame_5.bind(this));
    function fl_ClickToGoToAndPlayFromFrame_5()
    this.play();
    this.an_top.addEventListener("click", fl_ClickToGoToAndPlayFromFrame_5.bind(this));
    function fl_ClickToGoToAndPlayFromFrame_5()
    this.gotoAndPlay(5);

    "flash AIR for iOS" Script
    Multitouch.inputMode = MultitouchInputMode.GESTURE;
    stage.addEventListener (TransformGestureEvent.GESTURE_SWIPE, swipeHandler);
    function swipeHandler(event:TransformGestureEvent):void
         switch(event.offsetY)
             case 1:
                 // swiped down
        prevScene();
                 break;
             case -1:
                 // swiped up
        nextScene();
                 break;
    ↑↑↑↑↑↑↑↑
    "flash HTML5 Canvas" JavaScript How to write In order to get The same effect

  • Safari doesn't load pages containing html5 canvas on iMac

    Suddenly Safari either is very slow to load or doesn't load some pages at all.
    I have tracked it down to be pages containing html5 canvas element.
    This happens only on iMac and Macbook Air. It doesn't happen on iPad nor on Safari on a Pc. It will happen on the Mac computer both when the pages are out on the internet and when the pages ar locally stored. It's driving me absolutely mad!
    I've tried emptying cache both through Safari menu and by removing Safari's Cache.db, I've reset Safari preferences, restarted, and changed DNS to Open DNS (though it seems strange it should be an issue since the problem also occurs when I run the site on localhost).
    If I open the page directly entering the url in the adressbar it works fine, it is when I try to access it from a link on another page on the site it doesn't load. If I press reload it will load fine. The link from other pages can be either an html <a href="url"> tag or javascript window.location or window.location.href neither works. The weird thing is it worked fine until just yesterday. And it works fine on every other machine except the Macintoshes. WHY

    Hi Carolyn,
    Thanks for the quick reply. I've tried everything you wrote now, however the problem remains.
    One thing I've noted though is that the page actually loads but it takes very very long time, and sometimes when the pages have been loaded the images doesn't look quite right until I hit the reload button.
    I've been thinking about another thing, there are a lot of effects like round corner, shape and text shadow, can it be these that cause the problem? I still think it is very strange though that it all of a sudden stopped working and that running it on PC or iPad everything is just fine.
    Another thing to add is that the computer is very new just got it like 2-3 weeks ago, and haven't hardly added anything except got Xcode, macVim, firefox and Filezilla.
    Also just before the problem appeared I ran a page with javascript that had me caught in an endless loop of alerts. Got that fixed, but ever since that some pages won't load correclty...
    Is there possibly anything else I can do to fix this?

  • How do I convert an HTML5 Canvas arc() to JavaFX Canvas arc()?

    I wish to convert a statement from JavaScript used in an HTML5 Canvas such as:
    ctx.arc(x, y, (rad+5)*factor, 0, Math.PI*2, true);
    to the equivalent statement in JavaFX.
    What would it look like?
    For reference, in HTML5 Canvas the arc() method is defined as:
    x
    The x-coordinate of the center of the circle
    Play it »
    y
    The y-coordinate of the center of the circle
    Play it »
    r
    The radius of the circle
    Play it »
    sAngle
    The starting angle, in radians (0 is at the 3 o'clock position of the arc's circle)
    Play it »
    eAngle
    The ending angle, in radians
    Play it »
    counterclockwise
    Optional. Specifies whether the drawing should be counterclockwise or clockwise. False=clockwise, true=counter-clockwise
    but in JavaFX it is defined as:
    public void arc(double centerX, double centerY, double radiusX, double radiusY, double startAngle, double length)
    Adds path elements to the current path to make an arc that uses Euclidean degrees. This Euclidean orientation sweeps from East to North, then West, then South, then back to East.
    Parameters:
    centerX - the center x position of the arc.
    centerY - the center y position of the arc.
    radiusX - the x radius of the arc.
    radiusY - the y radius of the arc.
    startAngle - the starting angle of the arc in the range 0-360.0
    length - the length of the baseline of the arc.
    Could someone please show me what the JavaFX arc() statement would look like and explain how to convert between these two?
    Thanks.

    No conversion possible. Are you on a responsive project perhaps? Then
    output is only HTML, mobile devices do not support Flash.

  • How do I make a custom Scrollbar Text area in FlashCC HTML5 Canvas?

    Hello,
    I need to make a scrollbar for a long text area. I wonder how can I achieve this with HTML5 canvas in Flash CC2014?
    Thanks,
    Rodrigo

    the text looks ok to me, http://www.kglad.com/Files/forums/test2.html
    but yes, you can scroll a movieclip too.

  • HTML5 Canvas issue with iOS Safari

    I am trying to build a painting application in HTML5.
    I have an HTML5 Canvas in a div. This div is masked with an SVG file using -webkit-mask.
    On iOS Safari and in iBooks Fixed Layout: When you zoom the page by gesture, the mask suddenly stops working revealing the entire canvas and the contents of the div.
    1. There is no problem if the contents of the div is an image. Problem is only with Canvas inside.
    2. The problem seemed to happen when the zoom crosses a mark - possibly 50%. I.e, if you have already zoomed over 50% and refresh the page, there is no problem until you zoom out below 50% and vice-versa.
    Any help would be greatly appreciated.

    Hello Corey,
    I have been trying to work on this issue, but I haven't made much progress
    Breaking up the project into several small chunks seemed to help for the iPad, but it's not ideal.
    I'm seriously struggling with Android tablets though.  Android doesn't support flash anymore, as HTML5 is the "future". Google Chrome on Android tablets has problems with synchronizing animations and sounds cutting out (works fine on a desktop or notebook).  FireFox on Android didn't have the sync or sound issues, but it crashes at random times. I think the root cause behind all this is HTML5 and the browser.  I couldn't figure out the difference between chrome on desktops and notebooks -vs- tablets.  I went to html5test.com and compared the two browsers, and there is definitely a difference between the two browsers.
    When you look at authoring alternatives to Captivate, it seems like their customers are having similar issues.
    I'm still looking for a workaround.  I'll let you know if I find anything

Maybe you are looking for