Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Accessibility][Info&Relationship-Filter Dialog]: Ensures Logo image elements have alternate text or a role of none or presentation #2139

Closed
ashish315 opened this issue Mar 2, 2020 · 1 comment

Comments

@ashish315
Copy link

User Experience
Users who rely on AT will face difficulty to locate the focus if the alt attribute is not defined for the image.

Test Environment
Browser: Microsoft Edge Canary Version: 82.0.425.0 (Official build)
OS build: 2004 (19564.1005)
URL: Bot Framework Composer
Prerequisite Here

Repro Steps:

  1. Open the above mentioned URL in EDGE.
  2. Select 'Design Flow' from left navigation.
  3. Now, run the Accessibility Insight tools to find the issue.

Actual:
Bot Framework logo image doesn't have alternate text or a role of none or presentation.

Expected:
Ensures Bot Framework logo image have alternate text or a role of none or presentation.

Note:
This accessibility issue was found using Accessibility Insights for Web 2.14.1 (axe-core 3.3.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Element path
.css-isu7z6 > img

Snippet
<img src="/static/media/composerIcon.2e9dc5d0.svg" style="margin-left: 9px; margin-top: 6px;">

How to fix
Fix any of the following:
Element does not have an alt attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute or the title attribute is empty
Element's default semantics were not overridden with role="presentation"
Element's default semantics were not overridden with role="none"

MAS Impacted: MAS1.1.1

Attachment:
Logo must have alt text

@ashish315
Copy link
Author

As checked and verified on below environment, the issue is fixed now. So, we are closing the issue.

Test Environment
Browser: Microsoft Edge Dev {Version 83.0.467.0 (Official build) dev (64-bit)}
OS build: 2004 (19588.1000)
Screen Reader: Narrator
URL: Bot Framework Composer
Prerequisite Here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants