Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-158750

Add widget button has lost the title and `sr-only` text

Details

    Description

      Add widget button has not title or `sr-only` text.

      How to reproduce it:

      • Create a widget page
      • Call the Add button
      • In the add panel use the keyboard to get to an widget add button
      • This button has not title or `sr-only` text
      • Additionally: You can activate the Screen reader to validate how the SR just read "Button" on focusing the Add button.

       

      As we can see the in:

      liferay-portal/modules/apps/product-navigation/product-navigation-control-menu-web/src/main/resources/META-INF/resources/js/TabItem.js
      86: title={item.name}
      90: <span className="sr-only">{item.name}</span>
      

      The title should be present.
       

       

      As recommendation we could add the action label `Add` before the title: `Add` + title

      Then the screen reader would read (example with focusing on Asset Publisher:
      "Add Asset Publisher"

      Attachments

        Activity

          People

            oziel.souza Oziel Souza
            marcos.castro Marcos Castro
            Kiyoshi Lee Kiyoshi Lee
            Verónica González Verónica González
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              10 weeks ago

              Packages

                Version Package
                7.4.3.35 CE GA35
                Master