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

svg icons cause accessibility issue in IE11

    Details

      Description

      SVG icons are focusable in IE11 by default which causes accessibility issues.

      steps to reproduce

      • open master in IE11
      • Create a Web Content, for example, a Basic Document, but do not publish it
      • Click into the Title field
      • Press Shift + Tab

      Expected behaviour:

      Browse button should be focused

      Experienced behaviour:

      Technically the required (asterisk) icon is focused but it can not be seen but if you press Shift+Tab again, the Browse button will be focused.

      More info

      • Add a focusble="false" attribute to the asterisk icon's SVG element and the issue disappears (IE11 Developer Tool can do this)
      • in FF, Chrome the SVG is not focusable by default, so the issue can not be reproducible
      • The solution can be adding focusable="false" to aui:icon in IconTag.java

        Attachments

          Activity

            People

            • Assignee:
              hong.zhao Hong Zhao
              Reporter:
              peter.borkuti Peter Borkuti (Inactive)
              Participants of an Issue:
              Recent user:
              Csaba Turcsan
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Days since last comment:
                2 years, 18 weeks, 4 days ago

                Packages

                Version Package
                7.0.0 DXP FP16
                7.0.3 CE GA4
                7.0.0 DXP SP4
                7.0.X EE
                7.1.X
                Master