Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-18847

Add role=img to Font Awesome icons

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 13.6-rc-1
    • Fix Version/s: None
    • Component/s: Icon Themes
    • Labels:
    • Difficulty:
      Unknown
    • Pull Request Status:
      Awaiting Committer feedback
    • Similar issues:

      Description

      Reference: Providing a Semantically Identified Icon Font with role=img

      The objective of this technique is to show how to provide a semantically identified icon font that does not disappear if a user overrides font-family via user stylesheet, script, or extension. The point is to provide a technique to differentiate icons fonts from general font (text) usage.

      Some low vision users rely on user stylesheets to override fonts to perceive content. However, they need to be able to perceive icon fonts that are meaningful, for instance indicators (e.g. a star signifying a favorite) and interactive ones (e.g. an email link).

      The key is for the author to semantically markup icon fonts with role="img". Then the user's font replacement selector can hook into that semantic and exclude role="img". This results in those icon fonts being shown.

      See also: https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24

        Attachments

          Activity

            People

            Assignee:
            slauriere slauriere
            Reporter:
            slauriere slauriere
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Dates

              Created:
              Updated:
              Date of First Response: