? NPM Resource Changed ? ? Pending

User tests: Successful: Unsuccessful:

avatar infograf768
infograf768
7 Sep 2020

Summary of Changes

Since Email to a friend and Print article have been taken off from J4, we do not need the anymore the Cog and dropdown to choose among actions. We now need only the Edit Article when authorised to do so.
Use of role="tooltip"] instead of bootstrap tips.
Cassiopea [role="tooltip"] is modified for the look. Placement of tip specific to the article edit id.

Should also be OK for a11y. TO CHECK please as I'm not a specialist.

Testing Instructions

3 situations:

  1. Edit Article when article published // simplified tip
  2. Edit Article when article is unpublished // simplified tip
  3. Article is checked out by another user

In each case, hover the icon to see the tip.

patch, run NPM

Actual result BEFORE applying this Pull Request

Screen Shot 2020-09-07 at 18 35 48

Screen Shot 2020-09-07 at 18 37 57

Screen Shot 2020-09-07 at 18 37 23

Expected result AFTER applying this Pull Request

Screen Shot 2020-09-07 at 18 15 40

Screen Shot 2020-09-07 at 18 14 48

Screen Shot 2020-09-07 at 18 13 31

Note

If this is OK, will do for Contact

avatar infograf768 infograf768 - open - 7 Sep 2020
avatar infograf768 infograf768 - change - 7 Sep 2020
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 7 Sep 2020
Category Administration com_content Language & Strings Layout Front End Templates (site) NPM Change
avatar infograf768 infograf768 - change - 7 Sep 2020
The description was changed
avatar infograf768 infograf768 - edited - 7 Sep 2020
avatar infograf768 infograf768 - change - 7 Sep 2020
The description was changed
avatar infograf768 infograf768 - edited - 7 Sep 2020
avatar infograf768 infograf768 - change - 7 Sep 2020
The description was changed
avatar infograf768 infograf768 - edited - 7 Sep 2020
avatar infograf768 infograf768 - change - 7 Sep 2020
Labels Added: ? NPM Resource Changed ? ?
avatar brianteeman brianteeman - test_item - 7 Sep 2020 - Tested unsuccessfully
avatar brianteeman
brianteeman - comment - 7 Sep 2020

I have tested this item ? unsuccessfully on 741f9ca


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30588.

avatar brianteeman
brianteeman - comment - 7 Sep 2020

The accessibility changes you made are completely wrong

  1. never add role=button to a link
  2. incorrect usage of aria-live (and not needed)
avatar infograf768
infograf768 - comment - 8 Sep 2020

The accessibility changes you made are completely wrong
never add role=button to a link
incorrect usage of aria-live (and not needed)

It was useless to set unsuccessful as I noted in the description TO CHECK please as I'm not a specialist.

Thank you for your comment. Getting rid of these 2 aspects. Is there anything else?

avatar infograf768 infograf768 - change - 8 Sep 2020
Labels Added: ?
Removed: ?
avatar brianteeman
brianteeman - comment - 8 Sep 2020

I cannot replicate your screenshots - looks like you might be missing a class on the "tooltip" div

image

image

avatar brianteeman
brianteeman - comment - 8 Sep 2020

Also because the link is called edit and the tooltip begins with edit it is announced by a screenreader as
Edit Edit ....

avatar infograf768
infograf768 - comment - 8 Sep 2020

NPM ci is necessary.

Class is not missing, role tooltip is a class de facto

// set up hidden tooltip
[role="tooltip"]:not(.show) {
  z-index: $zindex-tooltip;
  display: none;
  max-width: 100%;
  padding: .5em;
  margin: .5em;
  color: $black;
  background: $white-offset;
  border: 1px solid $gray-600;
  border-radius: $border-radius;
  box-shadow: 0 0 .5rem rgba(0,0,0,.8);

  &[id^=editarticle-] {
    margin-inline-start: -10em;
  }

  [dir=ltr] & {
    text-align: left;
  }

  [dir=rtl] & {
    text-align: right;
  }
}

but it looks like I can't apply anymore this .diff in eclipse for the 3 layouts files
Checking that aspect now here.

Can you explain

Also because the link is called edit and the tooltip begins with edit it is announced by a screenreader as

Not sure what you mean by the link is called edit. Can you explain? And what it should be?

avatar infograf768
infograf768 - comment - 8 Sep 2020

I see now why this PR does ot apply anymore here..
#30543 was merged

avatar infograf768
infograf768 - comment - 8 Sep 2020

The git apply issue solved itself here.. :)

avatar infograf768
infograf768 - comment - 8 Sep 2020

Also because the link is called edit and the tooltip begins with edit it is announced by a screenreader as Edit Edit ....

Got it now. I don't think it is a big deal.

avatar brianteeman
brianteeman - comment - 8 Sep 2020

That would be a decision by the accessibility team

avatar infograf768
infograf768 - comment - 8 Sep 2020

Stefan made suggestions. Will modify stuff shortly.

avatar infograf768 infograf768 - change - 8 Sep 2020
Labels Added: ?
Removed: ?
avatar infograf768
infograf768 - comment - 8 Sep 2020

Modified with various improvements. aria-hidden true. Simplified tooltips.
Now we get:

Screen Shot 2020-09-08 at 17 28 10

Screen Shot 2020-09-08 at 17 24 42

Screen Shot 2020-09-08 at 17 26 56

avatar hans2103 hans2103 - test_item - 8 Sep 2020 - Tested successfully
avatar hans2103
hans2103 - comment - 8 Sep 2020

I have tested this item successfully on f9fd8ed

I see the simplified tip in all three situations


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30588.

avatar brianteeman
brianteeman - comment - 8 Sep 2020

Don't know why but the role=tooltip css is present in my unminified css file but NOR in the minified one

avatar chmst
chmst - comment - 8 Sep 2020

@brianteeman did you use the patchtester? I have the same effect, but think that this not related to the PR. The PR looks great I will test as soon as required the changes are comitted.

avatar brianteeman
brianteeman - comment - 8 Sep 2020

@chmst I did but I cant see how that would make a difference. If the code is present in the non-minified css then the patch has worked

avatar brianteeman
brianteeman - comment - 8 Sep 2020

found the problem - its not related to patchtester - creating a seperate issue for it

avatar brianteeman brianteeman - test_item - 8 Sep 2020 - Tested successfully
avatar brianteeman
brianteeman - comment - 8 Sep 2020

I have tested this item successfully on f9fd8ed

Marking as successful as the minification issue is unrelated to the actual pr


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30588.

0bf9fba 9 Sep 2020 avatar infograf768 cs
avatar infograf768 infograf768 - change - 9 Sep 2020
Labels Added: ?
Removed: ?
763645c 9 Sep 2020 avatar infograf768 cs
avatar infograf768
infograf768 - comment - 9 Sep 2020

Don't know why but the role=tooltip css is present in my unminified css file but NOR in the minified one

Screen Shot 2020-09-09 at 07 39 21

avatar infograf768 infograf768 - change - 9 Sep 2020
Status Pending Ready to Commit
avatar infograf768
infograf768 - comment - 9 Sep 2020

RTC as last changes were small cs corrections.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/30588.

avatar laoneo laoneo - close - 9 Sep 2020
avatar laoneo laoneo - merge - 9 Sep 2020
avatar laoneo laoneo - change - 9 Sep 2020
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2020-09-09 07:53:25
Closed_By laoneo
Labels Added: ?
Removed: ?
avatar laoneo
laoneo - comment - 9 Sep 2020

Thanks!

@wilsonge do we need to document the change that the helper function got removed in the upgrade guide?

avatar infograf768
infograf768 - comment - 9 Sep 2020

Will now make similar changes for the Edit Contact.

avatar wilsonge
wilsonge - comment - 9 Sep 2020

@laoneo I guess it can't hurt to document it although I suspect it's a touch overkill

Add a Comment

Login with GitHub to post a comment