- From: Terrill Thompson <tft@uw.edu>
- Date: Tue, 27 May 2014 13:42:00 -0700
- To: w3c-wai-ig@w3.org
- Message-ID: <CAC7M+wrqa_6D8E9P-mQmOpTFQ-L37SKx137iypMMTm0YN1+G9Q@mail.gmail.com>
Hi All,
I've been exploring the feasibility of using icon fonts for a media player.
I created a set of fonts at icomoon.io and I'm using JavaScript to check
for two settings:
a) background-color of the icon container div
If the background color is light, I deliver black icons, and if the
background color is dark, I deliver white icons. This works well, and seems
to be reliable even within Windows contrast mode.
b) font-family of the <span> that contains the icon font. By default,
font-family is set to "icomoon". However, if the user has defined a custom
style sheet that overrides font-family, the icons wouldn't be displayed so
I'll want to display an image instead.
In Internet Explorer, if the user has enabled a custom style sheet, this
technique works fine. However, if they select the checkbox to "Ignore font
styles specified on webpages", that doesn't change the computed font-family
(it still shows up as "icomoon"). I'm also seeing "icomoon" as the
computed value for font-family if I explore the span#play element using F12
Developer Tools in IE.
Here's my test page:
http://terrillthompson.com/tests/icomoon
And here's a general idea of the JavaScript code I'm using to check
font-family of span#play, which by default has font-family:"icomoon":
var iconFont = "";
var playSpan = document.getElementById('play');
if (window.getComputedStyle) { // supported by most browsers
iconFont = document.defaultView.getComputedStyle(playSpan,
null).getPropertyValue('font-family');
iconFont = iconFont.replace(/["']/g, ''); // strip out single or double
quotes
}
if (iconFont !== 'icomoon') {
// display images instead of icon fonts
}
Since the above method fails, is there any way to detect whether IE users
have that checkbox checked?
Thanks,
Terrill
---
Terrill Thompson
Technology Accessibility Specialist
DO-IT, Accessible Technology Services
UW Information Technology
University of Washington
tft@uw.edu
Received on Tuesday, 27 May 2014 20:42:30 UTC