a11y: Fix keyboard navigation, aria label/role and focus display for app bar #12774
Labels
area/accessibility
kind/enhancement
priority/0
QA/manual-test
Indicates issue requires manually testing
size/3
Size Estimate 3
Milestone
a11y Issue: 18, 1, 19
aria-label
androle
attributes.See below for screen shot.
All of the items in the app bar should show focus appropriately and should support keyboard navigation (enter/space to activate).
Additionally, when expanded, the pin/unpin icon should support keyboard navigation and focus appropriately.
Pin/Unpin:
![image](https://private-user-images.githubusercontent.com/1955897/392448939-10511305-c1e5-4726-a4d0-8c490b31f624.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMzc4ODEsIm5iZiI6MTczOTEzNzU4MSwicGF0aCI6Ii8xOTU1ODk3LzM5MjQ0ODkzOS0xMDUxMTMwNS1jMWU1LTQ3MjYtYTRkMC04YzQ5MGIzMWY2MjQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMjE0NjIxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTJhMWNmMGM4NmQzNzBkZDk4NDc2OTlkNjA2ZTMyOTAwMTYzYTgxZWEzMzFlOTUyZWIxMDQzNjgxMzE2NzU1ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.ZjBeItFYx0k_6N3rkrRIONsp9FxAL1s1scVaMAT06oU)
Issue 19: A focus indicator is not visually available as user tabs through mentioned instances using a keyboard resulting in users with learning and mobility impairments as well as those with low vision not being able to easily find out which element currently has the focus.
The text was updated successfully, but these errors were encountered: