The "Configure" and "Delete" icons don't have hover text in page "Edit" mode

Bug #1823789 reported by Kristina Hoeppner on 2019-04-08
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
Medium
Doris Tam

Bug Description

When you are in "Edit" mode of a page, there is no hover text for the "Configure" gear icon or the "Delete" trash bin icon. They should have them for accessibility. See screenshot for what it should look like.

To replicate:

1. Create a page and enter "Edit" mode.
2. Hover over the "Configure" icon.
Expected result: The tool tip text comes up with "Configure 'BLOCKTYPE' block".
Actual result: No tool tip
3. Do the same for the "Delete" icon.

Note: We have an aria rule in place that says 'alt="Configure 'Text' block (ID 30)"' for the "Configure" icon. If it's easier, we can use the same text for the hover text rather than setting up yet another one though a sighted person wouldn't need to see the ID.

summary: - The "Configure" and "Delete" icons don't have hover text
+ The "Configure" and "Delete" icons don't have hover text in page "Edit"
+ mode
Doris Tam (doristam) on 2019-04-10
Changed in mahara:
assignee: nobody → Doris Tam (doristam)
Doris Tam (doristam) on 2019-04-10
Changed in mahara:
status: Confirmed → In Progress
Steven (stevens-q) wrote :

Commit hash: 307d0612ea181a326c3e6eecebbd6d9d5302d0a3
Environment tested: Master
Browser tested: Chrome

PRECONDITIONS:
------------------------
1) Mahara user exists (no roles)
2) User portfolio page exist with the following blocks
      a) Text Block
      b) Image block

TEST STEPS:
------------------------
1) Log in as Mahara user
2) Edit a portfolio as mentioned in the perconditions
3) Hover over the cog icon in the top right of a content block
4) Verify that hover text is displayed as follows "Configure block"
5) Verify mouse pointer changes to a finger point indicating a click action
6) Hover over the trrash bin icon in the top right of a content block
7) Verify that hover text is displayed as follows "Remove block"
8) Verify mouse pointer changes to a finger point indicating a click action
9) Hover over anywehre in the block header other than the cog or trash bin icon
10) Verify that hover text is displayed as follows "Move block"
11) Verify mouse pointer changes to a closed hand indicating a drag/drop action

Catalyst QA Approved ✔

Reviewed: https://reviews.mahara.org/9739
Committed: https://git.mahara.org/mahara/mahara/commit/307d0612ea181a326c3e6eecebbd6d9d5302d0a3
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit 307d0612ea181a326c3e6eecebbd6d9d5302d0a3
Author: Doris Tam <email address hidden>
Date: Wed Apr 10 16:35:50 2019 +1200

Bug 1823789: Add tool tip hover text in page 'Edit' mode

Added tooltips for 'Configure' and 'Delete' icons
Added tooltip for 'Move block' draggable header

behatnotneeded

Change-Id: I05a74e89634132b9c51ba481da1b6724ef643040

Reviewed: https://reviews.mahara.org/9751
Committed: https://git.mahara.org/mahara/mahara/commit/d885bf1c395f13bc832833c5b5ad4fb036efaa5c
Submitter: Robert Lyon (<email address hidden>)
Branch: 19.04_STABLE

commit d885bf1c395f13bc832833c5b5ad4fb036efaa5c
Author: Doris Tam <email address hidden>
Date: Wed Apr 10 16:35:50 2019 +1200

Bug 1823789: Add tool tip hover text in page 'Edit' mode

Added tooltips for 'Configure' and 'Delete' icons
Added tooltip for 'Move block' draggable header

behatnotneeded

Change-Id: I05a74e89634132b9c51ba481da1b6724ef643040
(cherry picked from commit 307d0612ea181a326c3e6eecebbd6d9d5302d0a3)

Robert Lyon (robertl-9) on 2019-04-11
Changed in mahara:
status: In Progress → Fix Committed
Changed in mahara:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers

Bug attachments