Skip to content

[$40]{MSFT-126} Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. #2824

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.

Sign up for GitHub

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

Jump to bottom
Closed
veshu opened this issue Jul 17, 2019 · 12 comments
Closed

[$40]{MSFT-126} Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. #2824

veshu opened this issue Jul 17, 2019 · 12 comments
Assignees
@asadath1395
Labels
Accessibility tcx_FixAccepted tcx_Paid

Comments

@veshu
Copy link
Contributor

veshu commented Jul 17, 2019

Steps to Reproduce

  1. Go to the sample challenge page: https://clicktime.symantec.com/34CaebazimgmFxdkBZnihRc7Vc?u=https%3A%2F%2Fwww.topcoder.com%2Fchallenges%2F?tab=details. 2. Ensure that the screen reader is switched on. 3. Navigate to the headings 'final review' and 'approval'. Press the down arrow till you hear 'question mark'. 5. Note that pressing enter on this question mark doesn't display the text content which appears when mouse is hovered over it.

Expected Result
Provide the text of the tooltip directly. Else provide a button which when clicked should display the text.

Actual Result
The tooltip content is not accessible with keyboard and screen readers.

Device: Desktop/Labtop
Operating System: Windows
Browser: Chrome

WCAG Category: 2. Operable
WCAG Level: A
WCAG Success Criterion: 2.1.1 Keyboard
Screen Reader Used: JAWS
Accessibility Audit Tool used: N/A

Attachment
https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=088f5f5d%2D9b1c%2D4b7e%2Dacbf%2D320c257c9a9a&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&id=%2Fpersonal%2Fpd%2Dtopcoder%5Ftopcodermsft%5Fonmicrosoft%5Fcom%2FDocuments%2FMSFT%2DTeams%2DQA%2FJune%202019%2F29%20Jun%2FTest%20Results%2FBug%20Videos%20%26%20Log%20Files%2FKameshwarid%2Fbug%2024
@veshu veshu changed the title [MSFT-126] Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. $[20][MSFT-126] Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. Jul 18, 2019
@veshu veshu changed the title $[20][MSFT-126] Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. $[40][MSFT-126] Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. Jul 23, 2019
@asadath1395 asadath1395 self-assigned this Jul 23, 2019
asadath1395 added a commit to asadath1395/community-app that referenced this issue Jul 23, 2019
@asadath1395
Fix topcoder-platform#2824 [MSFT-126] Sample challenge page: There is…
515f394 
… a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible.
@jmgasper jmgasper changed the title $[40][MSFT-126] Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. $[40]{MSFT-126} Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. Jul 25, 2019
@jmgasper jmgasper changed the title $[40]{MSFT-126} Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. [$40]{MSFT-126} Sample challenge page: There is a Question mark next to the content under the headings 'final review' and 'approval'. A message appears when the mouse is hovered over the ?. The tooltip is not keyboard accessible. Jul 25, 2019
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[500]: Challenge for the updated issue 2824 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

2 similar comments
@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[500]: Challenge for the updated issue 2824 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

@cwdcwd
Copy link
Contributor

cwdcwd commented Jul 25, 2019

[500]: Challenge for the updated issue 2824 is creating, rescheduling this event

This is an automated message for lazybaer via Topcoder X

sushilshinde added a commit that referenced this issue Jul 28, 2019
@sushilshinde
Merge pull request #3117 from asadath1395/qa-access-2824
d2cba86 
Fix #2824 {MSFT-126} Sample challenge page: There is a Question mark …
@drasticdpk
Copy link
Collaborator

Operating System: Windows
Browser: Chrome
URL : https://test-community-app.topcoder-dev.com/challenges/30055274

@crazyk07
Copy link

This ticket was not processed for payment. If you would like to process it for payment, please reopen it, add the tcx_FixAccepted label, and then close it again

This is an automated message for crazyk via Topcoder X

@sushilshinde sushilshinde reopened this Jul 30, 2019
@ajefts
Copy link
Member

ajefts commented Jul 30, 2019

verified in prod.

@ajefts ajefts added the QA Pass in PROD Passed verification on Production label Jul 30, 2019
@crazyk07
Copy link

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30097495

This is an automated message for crazyk via Topcoder X

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@asadath1395 asadath1395

Labels
Accessibility tcx_FixAccepted tcx_Paid
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
10 participants
@jmgasper @sushilshinde @cwdcwd @veshu @ajefts @drasticdpk @asadath1395 @crazyk07 @agrawal-prateek @Oanh-and-only-Oanh