Focus is not visible for the "dismiss this update" button in the "version" info bar:A11y_visualstudiocodeservices_visualstudiocode_overview_Focusvisible

[PrasannaPolisetty123]

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

GitHub Tags

A11yTCS; #A11ySev2; #A11yMAS; #DesktopWeb; #ChromiumEdge; #BM_VisualStudioCodeServices_Web_July2024; #Visual Studio Code Services; #Benchmark; #Win11; #FTP; #Desktopweb; #WCAG2.4.7;#Focusvisible;#Ailimited;#A11yauto;#Tabstops;

Regressed:06-28-24;#Closed;

Environment Details: 

Application Name:  Visual Studio Code Services URL: https://code.visualstudio.com/docs/?dv=win64user&dark-plus-v2 Microsoft Edge version 126.0.2592.68 (Official build) (64-bit)

Repro steps

1. 1.Launch the application URL https://code.visualstudio.com/docs/?dv=win64user&dark-plus-v2 and press ENTER" Thanks for downloading VS Code for Windows!" will open.

2. TAB to "Verion" info bar and TAB till "dismiss this update" button and observe that focus is not visible for the "dismiss this update" button .

   Actual

   Focus is not visible for the "dismiss this update" button in the "version" info bar present in the " Thanks for downloading VS Code for Windows!" page. Note: Issue is repro with below URLs as well

3. https://code.visualstudio.com/docs/setup/uninstall?dark-plus-v2

4. https://code.visualstudio.com/docs/supporting/faq?dark-plus-v2

5. https://code.visualstudio.com/docs?dark-plus-v2

6. https://code.visualstudio.com/download?dark-plus-v2

7. https://code.visualstudio.com/insiders/?dark-plus-v2

8. https://code.visualstudio.com/?dark-plus-v2

Expected

Focus should be visible for the "dismiss this update" button in the "version" info bar present in the " Thanks for downloading VS Code for Windows!" page.

User Impact

keyboard users will face difficulties if focus is not visible for the "dismiss this update" button in the "version" info bar, hence they will get confused and face difficulties in accessing the "dismiss" button.

Attachment

Tabstops

[daviddossett]

Fixed via https://github.com/microsoft/vscode-website/pull/1803

[12-shweta]

Rev:shwarh

[PrasannaPolisetty123]

@daviddossett could you please provide the environment where the issue is fixed, we will verify the bug .

[12-shweta]

A11yPreview;

[MounicaDantuluri0809]

Verified the fix in "https://code.visualstudio.com/?dark-plus-v2" and all the links for which the bug is logged for. Issue is fixed. @PrasannaPolisetty123: Please help in closing the bug.

@daviddossett Issue is fixed.