govau/design-system-components

Background CSS icons and IE's accessibility setting

Open

#403 opened on May 31, 2018

View on GitHub
 (8 comments) (0 reactions) (0 assignees)HTML (741 stars) (115 forks)batch import
accessibilityhelp wanted

Description

Regarding component: https://designsystem.gov.au/components/accordion/live/

  1. Open the page in Internet Explorer
  2. Press “Alt + T + O” to open Internet Options
  3. In the General tab, select "Accessibility” button
  4. Check “Ignore colours specified on web pages”. This will remove all the colours specified by the website and the browser default colour will be applied.

Apparently, the background image added through CSS is lost. Is there another option to keep these icons or other indication?

image

Thanks

Contributor guide

Tech stack
htmlcss
Domain
accessibilityfrontend
Issue type
accessibility
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSSWeb accessibilityInternet Explorer
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Examine the accordion component's HTML and CSS in the repository (likely in components/accordion) to understand the current icon implementation. Consider replacing CSS background image icons with inline SVG or Unicode characters that are not affected by IE's accessibility setting. Test the proposed solution in IE with the 'Ignore colors' setting enabled.