Problem/Motivation

When you click on the flag or unflag link, a text appears for about 3 seconds. This text should last a little longer and be user-controllable.
Criterion 1.3.2 (Meaningful Sequence) and Criterion 4.1.3 (Status Messages): Dynamic changes in content must be appropriately announced; this is not met.

Steps to reproduce

Click on the flag or unflag link.

Proposed resolution

Make the message last longer and add a button so the user can close this text or message with JS.

Remaining tasks

Patch and review.

User interface changes

The message lasts longer and a button has been added so the user can close it.

API changes

N/A

Data model changes

N/A

Issue fork flag-3529190

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

jlozande created an issue. See original summary.

jlozande’s picture

Issue summary: View changes
ivnish’s picture

Version: 8.x-4.0-beta7 » 5.x-dev
Assigned: jlozande » Unassigned
Category: Bug report » Feature request

deaom made their first commit to this issue’s fork.

deaom’s picture

Status: Active » Needs review

Added additional field link duration that applies when ajax link type is selected, so the user has actual control on the duration of animation. That value then overrides the animation duration via JS. Updated test to now cover the added button (X). Needs review.

ivnish’s picture

Issue tags: +Needs manual testing
anjuelsaphilip2020’s picture

StatusFileSize
new1.24 MB
new512.68 KB

Hi, I've verified and tested MR!168 and applied the patch successfully on 5.0.x-dev version. The changes are working as expected.
Following steps I followed:

  1. Go to Appearance.
  2. Enable the Flag module.
  3. Configure a flag (for example, for nodes) and enable AJAX links.
  4. Create or view content that displays a Flag / Unflag link.
  5. Click the Flag / Unflag link.
  6. Observe the status/confirmation message behavior.

Testing Result: After applying the patch, the status/confirmation message for Flag is working as expected.The message stays visible for the configured duration, and the close (X) button allows the user to dismiss it manually.
Attaching the video for reference.
Thanks

anjuelsaphilip2020’s picture

Status: Needs review » Reviewed & tested by the community