[Adaptive Cards> Community Call - January 10, 2019]: Ensures <iframe> and <frame> elements have an accessible name.

Target Platforms

Other

SDK Version

1.5

Application Name

Adaptive Cards

Problem Description

Test Environment: OS Version: 22H2 (Build 25267.1000) Browser: Edge Dev (110.0.1556.0 (Official build) dev (64-bit) URL: https://adaptivecards.io/blog/2019/Community-Call-January/ Tool: Accessibility Insights for Web

Repro Steps:

Open the above URL in edge dev browser.
Run the fast pass of Accessibility Insights for Web
Observe the issue.

Actual Result: Element has no title attribute or aria-label attribute does not exist or is empty or aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty

Expected Result: Ensures and <frame> elements have an accessible name.</p> <p><strong>User Impact:</strong> Screen reader user will have difficulty in interacting with the contents and in understanding the purpose if accessible name is not defined.</p> <p><strong>MAS Reference link:</strong> <a rel="noreferrer nofollow" target="_blank" href="https://microsoft.sharepoint.com/:w:/s/accessibility/EZBde1C58eFKkdEvHy1sfB0BbfrE-sgqsVO5g2zVY6wbDA?e=jEWXd4">https://microsoft.sharepoint.com/:w:/s/accessibility/EZBde1C58eFKkdEvHy1sfB0BbfrE-sgqsVO5g2zVY6wbDA?e=jEWXd4</a></p> <p>Have feedback to share on Bugs? Please help fill <a rel="noreferrer nofollow" target="_blank" href="https://nam06.safelinks.protection.outlook.com/?url=https://forms.office.com/pages/responsepage.aspx?id%3Dv4j5cvGGr0GRqy180BHbR5dUqGQgJ9lItv-jqY8F09lURVdYTENIRkY2UzlCR0NKV1E2VUE5OVpDVy4u&data=04%7c01%7cv-chisha%40microsoft.com%7c1334b110f98744a7f5df08d968eb842b%7c72f988bf86f141af91ab2d7cd011db47%7c1%7c0%7c637656183104980596%7cUnknown%7cTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7c1000&sdata=r4ndSHk/LrBDwzi7FO%2BjKN0DCnqUSUcELBvGRkgc5CU%3D&reserved=0">Trusted Tester Bug Feedback (office.com)</a>"</p> <h3>Screenshots</h3> <img width="953" alt="MAS4 1 2 Ensure iframe or frame has an accessible name" src="https://user-images.githubusercontent.com/104483005/211288597-d28d1e88-88e8-467d-93e1-2bd8ed3105a6.png"> <img width="773" alt="MAS4 1 2 Frame does not have accessible name" src="https://user-images.githubusercontent.com/104483005/211289285-3bb41b82-d6fa-4ad7-9a48-93e4c3796f9d.png"> <h3>Card JSON</h3> <pre><code class="language-JSON">NA</code></pre> <h3>Sample Code Language</h3> <p><em>No response</em></p> <h3>Sample Code</h3> <p><em>No response</em></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/vagpt"><img src="https://avatars.githubusercontent.com/u/95913748?v=4" />vagpt</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Hi @anna-dingler,</p> <p>As this issue is still repro, so could you please let us know is there any future plan to fix this issue?</p> <p><strong>Snippet:</strong></p> <p><img src="https://github.com/microsoft/AdaptiveCards/assets/95913748/9c9c0765-d970-45ab-8be4-cd41ca7cc00c" alt="image" /></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/anna-dingler"><img src="https://avatars.githubusercontent.com/u/98650930?v=4" />anna-dingler</a> commented <strong> 8 months ago</strong> </div> <div class="markdown-body"> <p>Hi @vagpt,</p> <p>This issue is fixed on our internal site. I expect us to make another website release this month, so I am marking this as completed.</p> <p>Please let me know if you have any questions!</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

microsoft / AdaptiveCards