The Way It’s Supposed to Work

by Erin Kissane

60 Reader Comments

Back to the Article
  1. Good points in this article and I like others above me look forward to more unity in our community and less ego grandstanding.  The amount of talent/love and resources we have collectively is and has been enough to change the course of the web, and will continue if we roll together.

    Copy & paste the code below to embed this comment.
  2. >the font now used for the article is no more clearly legible.

    I agree with De Rosa, and in my opinion the new icon is funny and useful, I like it. :)

    Copy & paste the code below to embed this comment.
  3. Hopefully this will reduce needless coronary problems. I doubt it will reduce pontificating however, since pontificators tend to enjoy the sound of their own typing. I know I do.

    Copy & paste the code below to embed this comment.
  4. Yes, as of Issue 191. Just look at the style sheet:

    http://www.alistapart.com/c/ala.css

    The primary face is now Avenir (for those who have it).

    If you don’t have Avenir but do have Lucida Grande (which comes with all Mac OS X systems), that’s what you’ll see.

    Or you’ll see Lucida, which comes with some *Nix and Windows setups.

    Or you’ll see Verdana. Jeepers, just about everybody has Verdana. Verdana is also the closest match to Avenir. It comes later in the list, not because Lucida is more like Avenir than Verdana, but because Lucida is a fresher choice. Verdana is so widespread (and I’m one of 50,000 people who helped make it that way) that it almost disappears, as if no face was chosen. That’s why I put Lucida before it in the list.

    If you don’t have Avenir, Lucida, or Verdana, the next choices in order are Bitstream Vera Sans, Arial, Helvetica, and finally, generic sans.

    No one should have a bad reading experience given that list of fonts in that order. No one.

    I can imagine only one scenario to account for the problem two readers have reported.

    Namely, if those readers had a bad, cheap pressing of Avenir installed on a crappy system (a system with no antialiasing), or if they had bitmaps for Avenir but no Postscript or Truetype files for Avenir, then I guess they might have a bad viewing experience. (But what web professional would have bitmaps of Avenir but no Postscript or Truetype version?)

    The solution would be to use your font management software to turn off your bad copy of Avenir.

    Then you’ll see the site in Lucida or Verdana or some other very common font.

    Copy & paste the code below to embed this comment.
  5. In the ideal world I guess you wouldn’t need a warning because most people reading ALA would realize that the technique is experimental or a hack.  But unfortunately we don’t live in the ideal world I guess.  So, I guess the warning is a good idea.

    Copy & paste the code below to embed this comment.
  6. “We’re going to keep publishing articles on accessibility, usability, information architecture, client relations, project management, and – oh yeah, plug-and-play, standards-compliant XHTML, CSS, and scripting innovations.”

    THANK GOD

    Copy & paste the code below to embed this comment.
  7. Welcome to our trivial society and “good on you, ALA” to protect your hard work!

    Copy & paste the code below to embed this comment.
  8. Hear! Hear!

    Good collaboration involves debate, and therefore we should celebrate our differences in opinion. However, the Discuss forums on ALA often spiral out of control, losing sight of the article and instead focusing on whether or not we all agree.

    The fact of the matter is that we do not all agree, and we should not all agree. No technique is going to please every reader.

    Nice work, ALA.

    Copy & paste the code below to embed this comment.
  9. Refer to
    http://www.alistapart.com/discuss/wayitssupposedtowork/5/#c9900 .

    A reader reported that his new Dell system showed LUCIDA HANDWRITING instead of the specified font (LUCIDA SANS).

    Obviously most Windows users saw Lucida or Verdana, or we would have heard an outcry last week when we changed the text font. But clearly at least a few readers were stuck looking at a script font for the body face. That wasn’t acceptable, so we’ve deleted Lucida Sans from the list of fonts in ALA’s screen style sheet.  Windows users who don’t have Avenir will see Verdana.

    Copy & paste the code below to embed this comment.
  10. It never hurts to make abundantly clear the aims of the ALA website – even though most of us users already know what ALA is all about. Great site, keep up the stimulation.

    Copy & paste the code below to embed this comment.
  11. ALA is brilliant, it has really helped me, and I have honestly found it the be the most useful resource on the net.. 
    ALA is taking steps forward with design – even if the technique is new or not fully understood yet, not stepping back because it isnt ‘safe’ yet
    Anyone who flames ALA doesnt understand that this is what its about..

    Long live ALA!

    Copy & paste the code below to embed this comment.
  12. If you’re showing that nifty warning icon using version 2.1c of Doug Farmerville’s sPTrF CSS background image replacement technique so I can still see it when I read ALA using the JAWS emulator on my Palm Pilot, then I’m all for it.

    But if you’re just going to use a regular IMG tag, I swear to God I’m out of here.

    Copy & paste the code below to embed this comment.
  13. A nice pretty iconic disclaimer i would say. And works fine for me too, as it will for every other ala frequent flyer! It’s been a pleasure returning to your site always. From the soothing background, breathable space, controllable text to the way comlicated stuff is made to sound easy, yep, you’ve got it all covered.

    Forgive me for saying this, but while i see the new icon a help for most Ala users, I am not sure whether it would really serve it’s purpose to intermediate or relatively new users (who obviously will keep coming back because it was love at frst sight!).

    I suppose the text on the right of the icon will be included and should help but in some cases (especially to new users), they might just not know what to make of it. Could be bit of a confusion. Probably a line of text below the icon should clear things out, but then again, it might defeat the purpose of having an icon. Or maybe the ‘alt’ tag could be more desriptive so as to convey the message clearly.

    Personally, i love the icon, but i’ve been reading so much about accessibility and usability recently ( thanx to you guys for the   former!), i thought i should share my thought with you guys.

    Once again, thanx for being my favourite resource ever and even though it’s kinda late, a happy new year to all of ya!

    Copy & paste the code below to embed this comment.
  14. Yeah, what better way to show ALA’s always exquisite balance between a grounding on terra firma and being off the deep end! A quick and easy way to know we’re in for a brain stretch that may not validate now, but perhaps later from the sum total of ALA’s readers’ “collective conscience” feedback. And,  since all life as we know it depends on water, I say “let’s take the plunge!” Great idea!

    Copy & paste the code below to embed this comment.
  15. Really looking forward to this.

    Copy & paste the code below to embed this comment.
  16. this + the “invitation to relax” most definately = the “way it’s supposed to work”, in my book. fuck puritanism. word all that. thank you guys!

    -fish

    Copy & paste the code below to embed this comment.
  17. I’m in favor of providing as much as possible contextual information to readers. Your idea can work pretty well using a small icon with the attribute title set to “Warning – Experimental …”

    Extending your idea you could use a div with a slightly different background or border and the small icon. Labeling only parts of an article.

    Copy & paste the code below to embed this comment.
  18. Somebody has probably answered this question before, but why is the ALA ‘code’ font so small in IE? 

    View screenshot.

    Thanks,
    Mark

    Copy & paste the code below to embed this comment.
  19. Whoops, I guess my little html tags didn’t format my message. :P

    Copy & paste the code below to embed this comment.
  20. >>Somebody has probably answered this question before, but why is the ALA ‘code’ font so small in IE?

    It’s not.

    It’s small in your browser because you’ve set your browser’s preferences to display monospaced fonts in a small size.

    See also:
    http://www.alistapart.com/qa/#question19

    Copy & paste the code below to embed this comment.