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 (Inactive)
            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:
              3 years, 29 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