microsoft / microsoft/aspire

Tooltips provided for the controls present in the "Resource" page are not available while navigating using keyboard TAB/ arrow keys: A11y_.NetAspireDashboard_Resource_Resource_keyboard

Open
#3,174 5 comments 0 reactions 0 assignees View on GitHub
a11y A11ySev3 area-dashboard
Dominant language
C#
Stars
6.3k
Forks
991
Avg merge
2d 15h
Merged PRs (30d)
196

Description

"[Check out Accessibility Insights](https://nam06.safelinks.protection.outlook.com/?url=https://accessibilityinsights.io/&data=02%7c01%7cv-stfe%40microsoft.com%7cb67b2c4b646d4f9561a208d6f4b5c39b%7c72f988bf86f141af91ab2d7cd011db47%7c1%7c0%7c636965458850501301&sdata=mxhokIKNMb22llsjXHLgU3XZibj1Qfx37rpY4PU2sfE%3D&reserved=0)! - Identify accessibility bugs before check-in and make bug fixing faster and easier."

### Tags:
#A11yTCS; #A11yMAS; #A11ySev3; #Win11; #ChromiumEdge; #FTP; #DesktopWeb; #.NET Core; #SH_.Net Aspire Dashboard_Web_Mar2024; #WCAG2.1.1; #Keyboard;

### Environment Details:
Application Name: .Net Aspire Dashboard
URL: https://localhost:19888/
Chrome Version 122.0.2365.80 (Official build) (64-bit)
Window Version: Win 11
OS Build: 22621.3085

### Repro Steps:

1. Hit the URL: http://localhost:15888/
2. TAB to "Resources" tab item and hit select the tab by pressing Enter key.
3. Tab through the page and check if tooltips are available while navigating using keyboard.

### Actual Results:
Tooltips provided for the controls present in the "Resource" page are not available while navigating using keyboard TAB/ arrow keys.

**Similar issue is also observed in below scenario:
Issue 1: Resources_ Details view**

1. Hit the URL: https://localhost:15887 and login with valid credentials.
2. TAB to "Resources" tab item and hit ENTER key.
3. TAB to "View" button present under 'Details' column header in the page and hit ENTER key.
4. "Details container" will open.
5. TAB through the page and check if tooltips are available while navigating using keyboard.

### Expected Results:
Tooltips provided for the controls present in the "Resource" page should be accessible while navigating using keyboard TAB/ arrow keys.

### User Impact:
Keyboard users will not get the information about the control as tooltip is not accessible using keyboard keys.

### Attachment:
[3174_A11y_.NetAspireDashboard_Resource_tooltips_keyboard.webm](https://github.com/dotnet/aspire/assets/90901519/37ce9624-4fdd-4af0-a21b-2a4c18bc839c)

![Resource_DetailsView_Tooltip](https://github.com/dotnet/aspire/assets/90901519/539d0d02-6d02-48c2-a0a3-8141a8189931)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.