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

Add role=img to Font Awesome icons

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Unresolved
    • Minor
    • None
    • 13.6-rc-1
    • Icon Themes
    • Unknown
    • Awaiting Committer feedback

    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

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

            Dates

              Created:
              Updated: