Focus is not visually apparent when tabbing through the page

Bug #1265102 reported by Jono M
6
This bug affects 1 person
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)

Jono M (jonom)
description: updated
Robert Lyon (robertl-9)
Changed in mahara:
assignee: nobody → Evonne Cheung (evonne)
milestone: none → 1.9.0
status: New → In Progress
Revision history for this message
Evonne Cheung (evonne) wrote :

Have removed outline:none from raw for links and buttons, ready to go.

Revision history for this message
Mahara Bot (dev-mahara) wrote : A patch has been submitted for review

Patch for "master" branch: https://reviews.mahara.org/2941

Revision history for this message
Jono M (jonom) wrote :

Thanks for the patch, would be nice to have custom focus styles instead of builtin ones in some cases but I've filed a separate wishlist bug for that (Bug #1270958)

Aaron Wells (u-aaronw)
tags: added: usability
Revision history for this message
Mahara Bot (dev-mahara) wrote : A change has been merged

Reviewed: https://reviews.mahara.org/2941
Committed: http://gitorious.org/mahara/mahara/commit/58e61e357e2e431ad5f2eeb2dc066ce0f33d5ea6
Submitter: Aaron Wells (<email address hidden>)
Branch: master

commit 58e61e357e2e431ad5f2eeb2dc066ce0f33d5ea6
Author: Evonne Cheung <email address hidden>
Date: Tue Jan 21 10:29:05 2014 +1300

Allowing tab focus to be visually apparent (Bug #1265102)

When navigating through pages with the tab key, it should always be
possible to see what's focused.

Change-Id: Iaec681234fa4063bee06b113fe657a9b95d2f6b6
Signed-off-by: Robert Lyon <email address hidden>

Aaron Wells (u-aaronw)
Changed in mahara:
status: In Progress → Fix Committed
Robert Lyon (robertl-9)
Changed in mahara:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.