8 Replies Latest reply on Oct 3, 2012 10:00 PM by jbowden

    alt text accessibility

    Rezu Level 1

      Greetings,

       

      Enjoying Edge Animate quite a bit, but am looking to make it more accessible.

       

      1. How does one add alt text to images in Edge Animate?

       

      2. Assuming that images can be given alt text, how does one set up the animation so one can 'tab key' (or give focus) to a given image/button?

       

      The end goal is to allow the Windows8 screen reader, Narrator, the ability to read the alt text when an img/button is tabbed to.

       

       

      Thanks for your help!

       

      k

        • 1. Re: alt text accessibility
          elainecc Adobe Employee

          Hi, kave-

           

          You should be able to set both alt text and tab order using the Accessibility section in the property panel.  "Title" and "Tab Index" should be available for any managed element.

           

          alt-text.png

           

          Hope that helps,

           

          -Elaine

          • 2. Re: alt text accessibility
            Rezu Level 1

            Hi Elaine,

             

            Thank you so much for your quick reply and for pointing out the Accessibility section. I also found the Alt: input under the Image property, though I had to change my image from 'div' to 'img' in order to enable the Alt: input, makes sense.

             

            Despite these features, I'm still not having the success I hope to have while using either Win7 or Win8 Narrator/screen reader.

            In the following animation, I have given the top 4 images both titles and alt text, but neither version of Win Narrator can find/read the text.

            I should be able to hit the tab key, tab to one of the images, and have Narrator read the alt text/title, but this is not happening.

             

            http://www.kavelookout.com/mainstream/mainstreamAccess.html

             

            Here are my settings...

            access.PNG

             

             

            Thank you so much for any help with this challenge.

             

            kave

            • 3. Re: alt text accessibility
              Rezu Level 1

              Howdy,

               

              Can I ask which version of Edge the Accessibility & Alt text properties came out in? Are they new to the latest v6 or previous?

               

              I think I found a bug. So in the thread above, when I input 1 for Tab Index: this shows up in the [yourfilename]_edge.js file as tabindex:'1px',. I don't think tab index needs to be shown in pixels. See red underlines in pic...

              bug.PNG

               

              So when I removed the px from the file, Win8 Narrator is able to tab onto the image and read the alt text as hoped.

               

              Please let me know if this is indeed the bug it seems to be.

               

              Much Thanks,

               

              kave

              • 4. Re: alt text accessibility
                Rezu Level 1

                So does this constitute as a bug?

                 

                Any thoughts about why Edge is adding 'px' to to tabindex?

                 

                Thanks,

                 

                k

                • 5. Re: alt text accessibility
                  heathrowe Most Valuable Participant

                  Are you using version 1, final, Kave?

                   

                  Darrell

                  • 6. Re: alt text accessibility
                    sarhunt Adobe Employee

                    Hey Kave,

                     

                    Have you published using the "Export as static HTML" option?

                     

                    Screen Shot 2012-10-03 at 4.50.46 AM.jpg

                     

                    This option needs to be checked to ensure the attributes gets written at the HTML level and not embedded in the JS.

                     

                    Hope that helps!

                    Sarah

                    • 7. Re: alt text accessibility
                      Rezu Level 1

                      Thanks for your help Darrell and Sarah!

                       

                      Darrell, I'm still using preview 7 but will try with v1.

                      Sarah, I tried your suggesting, but it's still throwing px into my xxx_edge.js file...

                      error.PNG

                       

                      Perhaps this is cleared up in the v1?

                       

                      Thanks!

                       

                      k

                      • 8. Re: alt text accessibility
                        jbowden Adobe Employee

                        -kave- wrote:

                         

                        Thanks for your help Darrell and Sarah!

                         

                        Darrell, I'm still using preview 7 but will try with v1.

                        Sarah, I tried your suggesting, but it's still throwing px into my xxx_edge.js file...

                        error.PNG

                         

                        Perhaps this is cleared up in the v1?

                         

                         

                        Hi Kave,

                         

                        No, the px part of the string is not present in EA 1.0 - at least not with a newly-created file.

                         

                        Regards,

                        Joe

                        1 person found this helpful