Question: How to checkA11y in an iframe

[yanbxice]

I think this would be more of a question ask than an issue report. I couldn't find answers by searching online so would like to get some help here.

I have a component inside an iframe and I need to check if there is any a11y violations for that component. Now I can get the iframe using the below code, but looks like I can't pass it in to checkA11y function as the context, because it's not the type of ElementContext. Is a11y checking supported for elements inside iframes? What should be the correct way to do it?
const iframe = await page.frame({url: xxxxxx});
await checkA11y(page, iframe, options);

[abhinaba-ghosh]

Hi @yanbxice , thanks for raising the issue. I will take a look over the upcoming weekend.

[harir5]

Hi @abhinaba-ghosh - our application uses frames and iframes extensively. it would be beneficial to have this feature since some content that resides within the frame/iframe has to be A11y checked as well.

[william-fleming]

Hi there! Has a solution to this been solved for or is this not a natively supported functionality? Thank you!

For a workaround, I did find I was able to accomplish this by passing the Frame (not FrameLocator) to the injectAxe and checkA11y functions. These functions utilize the evaluate method of the object passed in which is available via the Frame.

[abhinaba-ghosh]

@william-fleming would you mind sharing an example for the workaround?