Products.cmfplone: Duplicated menu item on toolbars

Created on 16 Sep 2015  路  7Comments  路  Source: plone/Products.CMFPlone

When you select one of the options of the menu you will see the title of the option duplicated as the first item on the list; this happens in both versions:

selection_006

selection_007

selection_004

selection_005

UX Accessibility enhancement

All 7 comments

+1. I think that was useful when "More options" toolbar icon brought both Portlet management and Display menu links.

@hvelarde I am not so bothered about this. As I've mentioned in #950 you could easily hide the extra header with a css rule.

Why I still think it's useful to have is in this situation:

  • You are with the top toolbar and you use the content-menus which will crop the full title.
    At least in the dropdown the title is visible

See screenshot for better understanding
extra-header

@ichim-david I think it would be better to replace those with tooltips as @davilima6 suggested in some other issue.

I see, @ichim-david. In that case I believe we'd be good with hiding the duplicate header when toolbar is expanded and thus able to display its label.:

.plone-toolbar-expanded .plone-toolbar-submenu-header { display: none; }

Would you agree?

@davilima6 yes this could be an easy fix for this problem since it's really on the expanded section that it really feels out of place because of the "duplicated" content.

Any of you could commit such a hiding if there is consent from others as well that this is really bothersome and needs to go away.

Give me some time to pingpong this to some screenreader users; tooltips are not always as well supported whereas hiding them with CSS could be an easier way out for those who feel bothered by it.

Tooltips are not well supported for a11y, and having the menu title in the submenu can also be used to have a complete menu title for languages that can only have an abbreviated version in the toolbar; this also helps those with cognitive issues.

I would be hesitant to remove. If your site does not require strict a11y adherence, it's a display: none away for your theming person to remove them, if they bother you esthetically.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

pbauer picture pbauer  路  5Comments

pbauer picture pbauer  路  3Comments

mauritsvanrees picture mauritsvanrees  路  5Comments

pbauer picture pbauer  路  6Comments

hvelarde picture hvelarde  路  4Comments