Jump to content
GreenSock

howeller

Accessibility in Banners in 2021

Recommended Posts

I was wondering if anyone's had any experience with building ADA compliant banners. We've been getting more requests from clients for this, but have not found much guidance on it (looking at you IAB). From what I understand using semantic HTML tags + the aria attribute works for the most part to make a banner readable for sighted and unsighted users, but I've no idea how to setup something built in Animate outside hiding duplicate content in hidden tags.

Thanks in advance.

Link to comment
Share on other sites

Animate exports to canvas, which is just a bunch of pixels that can't be read by screen readers. It seems like a good idea to add fallback text and Aria attributes in the html. You might also use javascript to add keyboard access to interactive elements.

I spent ten years building banners, and never heard a peep about accessibility. Glad to hear it's becoming a consideration. Anyone using a screen reader is probably using an ad blocker too, but you might as well add some text so they can read it if they want to.

I don't imagine that ads (served in iFrames) would prevent a site from being ADA compliant, since they come from a different domain.

  • Like 3
Link to comment
Share on other sites

  • 4 months later...

Any idea how to reassign a tab index to elements?  I am actually using Animate CC canvas. I have buttons I randomized the y position but I want to be able to assign tabindex to them. I wrote a function to do it. the console tells me they are assigned but they do not take. 

Link to comment
Share on other sites

  • 7 months later...
On 12/29/2021 at 12:19 PM, keeranhops said:

Any idea how to reassign a tab index to elements?  I am actually using Animate CC canvas and help in my homework by professionals from online service -  click here for more info. I have buttons I randomized the y position but I want to be able to assign tabindex to them. I wrote a function to do it. the console tells me they are assigned but they do not take. 

Do you know if we can also use GSAP inside of Animate CC ? I guess, sure you can include TweenMax in an HTML template, but since it basically exports canvas--and anything done on the timeline would be part of the <canvas> ...then if you wanted to, you can use GSAP to code/animate DOM elements as a 'layer' on-top of that canvas element you technically could. But I am wondering can we mix the the GSAP DOM element manipulation with the canvas-based stuff ? or would that even make sense to do ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×