Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-72148

Fontawesome should use <span> instead of <i>

    XMLWordPrintable

Details

    • Improvement
    • Status: Open
    • Minor
    • Resolution: Unresolved
    • 3.11.1
    • None
    • General, Themes
    • None
    • MOODLE_311_STABLE

    Description

      Currently, Moodle renders fontawesome icons using the <i> tag. Although the fontawesome docs do offer that option, the preferred, semantically correct way is to use a <span> tag.
      The Fontawesome docs say:
      "Font Awesome is designed to be used with inline elements, and we recommend sticking with a consistent HTML element to reference them by in your project. We like the <i> tag for brevity and because most folks use <em></em> for emphasized/italicized semantic text these days. If that’s not your cup of tea, using a <span> is more semantically correct."
      We should really be using the <span> tag to be correct. The <i> tag is still a valid tag, regardless of the use of <em>.

      Attachments

        Issue Links

          Activity

            People

              Unassigned Unassigned
              mchurch Mike Churchward
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Sujith Haridasan, Huong Nguyen, Bas Brands, Mathew May
              Votes:
              1 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated: