Focus is not visually apparent when tabbing through the page
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Mahara |
Fix Released
|
Medium
|
Evonne Cheung |
Bug Description
When navigating through pages with the tab key, it should always be possible to see what's focused - all links and form elements should show whether or not they are focused.
This is important for people who can see but prefer to use the keyboard to navigate.
Affected elements:
- Logo image (top left)
- User profile link (username, top right)
- Buttons, links styled to look like buttons and icon buttons
- Main and sub navigation (tab style, no need to do dropdowns for now)
- In-page tabs
- Profile picture link (sidebar and Content -> Profile)
- "Powered by Mahara" link (bottom)
The standard way to show focus is to add a dotted border around the element when it's focused.
Affects latest master
(WCAG Level AA)
description: | updated |
Changed in mahara: | |
assignee: | nobody → Evonne Cheung (evonne) |
milestone: | none → 1.9.0 |
status: | New → In Progress |
tags: | added: usability |
Changed in mahara: | |
status: | In Progress → Fix Committed |
Changed in mahara: | |
status: | Fix Committed → Fix Released |
Have removed outline:none from raw for links and buttons, ready to go.