govau/design-system-components

Background CSS icons and IE's accessibility setting

Open

#403 opened on 2018年5月31日

GitHub で見る
 (8 comments) (0 reactions) (0 assignees)HTML (115 forks)batch import
accessibilityhelp wanted

Repository metrics

Stars
 (741 stars)
PR merge metrics
 (30d に merged PR はありません)

説明

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

コントリビューターガイド

調査方針
リポジトリ内のアコーディオンコンポーネントの HTML と CSS（おそらく components/accordion 内）を調べ、現在のアイコン実装を理解します。CSS の background image アイコンを、IE のアクセシビリティ設定の影響を受けないインライン SVG または Unicode 文字に置き換えることを検討してください。「色を無視する」設定を有効にした IE で提案されたソリューションをテストします。
技術スタック
htmlcss
領域
accessibilityfrontend
Issue 種別
アクセシビリティ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
半日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
古い
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
おおむね明確
前提条件
CSSWeb accessibilityInternet Explorer
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40