[ Content | View menu ]

The Most Exciting Thing About Web Standards Is … umm …

Written on April 7, 2009 by Trevor Thornton

Master (1777). Digital ID: 1635292. New York Public LibraryAs you may have heard, we’re currently in the process of redesigning NYPL.org from the ground up – a huge undertaking that seems to get bigger the deeper we get into it. We in the UX team have taken the redesign as an opportunity to implement new guidelines for best practices in web design that will be used as standards in future projects. The purpose of these guidelines is to provide a consistent experience for all users regardless of platform or browser capabilities, while ensuring that the site is flexible enough to incorporate new features and functionality in the future.

Here is a quick overview of some of the new guidelines we’re putting in place:

Markup

XHTML 1.0 Strict will be the standard Document Type Definition for all generated web pages, and all pages should validate. All content will be structured using semantic XHTML markup, with layout and presentational properties specified in external CSS files (see below). Presentational markup (e.g. use of <b>, <i> <u>, etc.) will be avoided. Class and ID names applied to content elements should be descriptive of the element’s function and not specific to presentational attributes (”title” or “subtitle” rather than “bold” or “red”).

CSS

All CSS rules will be defined in external files – use of embedded and inline styles should be avoided where possible. To best support users accessing the site with Internet Explorer 6 (currently about 25-30% of our overall traffic), use of CSS2 and CSS3 selectors and declarations will be avoided where practical as these are not supported in IE6. CSS2/3 can be used to enhance certain aspects of the design for browsers that support it, but care will be taken that the overall design and user experience is not significantly compromised in IE6. Browser-specific rules and hacks will be avoided whenever possible.

Javascript

Javascript will be utilized only in cases where its use provides a significant improvement to the user experience. Where it is used, Javascript should be unobtrusive, with scripts contained in external files and implemented in such a way that there is no loss in basic functionality for users with Javascript disabled.

Accessibility

Many of the guidelines above, in addition to representing best practices for web development, also serve to ensure that the web site is accessible to users with disabilities. Our goal is to fully comply with Priorities 1 and 2 of the W3C Web Content Accessibility Guidelines. In this effort we are fortunate to have the input of the staff and patrons of the Andrew Heiskell Braille and Talking Book Library, who have provided very useful insight into practical issues faced by users who rely on screen reading and enlarging software to view web content. While the W3C guidelines are important, having insight into real user behavior is invaluable.

9 Comments

Write comment - TrackBack - RSS Comments

  1. Comment by Gretchen:

    that is totally cool that you are taking the user experience of people with disabilities so seriously! kudos.

    April 7, 2009 @ 8:43 pm
  2. Comment by Michael Della Bitta:

    What’s the plan for dealing with the Content-Type issue when serving XHTML Strict?

    April 8, 2009 @ 11:46 am
  3. Comment by Trevor Thornton:

    The content type issue is tricky. While XHTML should use the application/xhtml+xml content type, XHTML 1.0 CAN use the text/html content type if the markup conforms to the W3C’s XHTML/HTML compatibility guidelines (see http://www.w3.org/TR/xhtml-media-types/#compatGuidelines), which is our plan.

    The problem with the application/xhtml+xml content type is (you guessed it) IE6 – not exclusively, but it’s annoyingly high browser share makes it the most conspicuous of the browsers that don’t support it. There are some workarounds that would allow us to serve pages as application/xhtml+xml to friendly clients and text/html to the rest, and we might look into these for Phase 2. Still not a perfect situation, but committing to serving pages with well-formed markup now sets us up for a smoother transition to XHTML 1.1 (and XHTML 2) when the time comes.

    April 9, 2009 @ 8:05 am
  4. Comment by Aaron:

    I find best practices very exciting. Nice!

    April 9, 2009 @ 10:19 am
  5. Pingback from HotStuff 2.0 » Blog Archive » Word of the Day: “w3c”:

    [...] Most Exciting Thing About Web Standards Is … umm … [web link]NYPL Labs (07/Apr/2009)“…and 2 of the w3c web content accessibility [...]

    April 9, 2009 @ 8:05 pm
  6. Comment by Sean:

    I just took the usability survey (linked). Inferring from the questions asked, this new blog & event A/V thing in the works will probably be lost on the main NYPL navigation, and probably needs it’s own identity. Libraries are understood as archivists of knowledge, not producers of new knowledge. I’m not sure what to think of posting a comment like this about the library on this blog.

    I appreciate that the university system experienced it’s own transformation in this regard, but this transformation will not occur in the minds of patrons overnight. The survey made it seem like this was just a matter of adding a link to something like “Made at NYPL.” I see a fundamental change in the mission of the library that needs to be more prominently reflected in the entire site design in order to be understood.

    Regards,
    Sean
    (your friendly neighborhood software developer, project manager, and library patron)

    April 9, 2009 @ 9:23 pm
  7. Comment by Michael Lascarides:

    Thanks for the insightful suggestions, Sean! It’s true that the transition from being perceived as a repository of content to a producer and processor of content is not a simple one. We’ve been producing our own materials and publications since even before the Internet, but the rise of digital technologies has greatly expanded that palette (with blogs, video, etc).

    The new NYPL web site we’ll be launching this summer will be built around the sharing of content across the system, and will allow for the kind of integration of content that you’re suggesting (events relating to people relating to blogs relating to…). And I’d like to hope that the “fundamental change in the mission” you’re suggesting is already underway. Blogging, in particular, is gaining wider acceptance by staff at all levels, both internally and externally, decentralizing and democratizing the voice of the Library.

    That said, even if NYPL-produced content is woven nicely throughout our site, we still feel that there is a need to highlight it in its own location. The questions we’re asking on the usability site are specifically targeted at testing the language on individual links, and shouldn’t be construed as an endorsement of any strategy whatsoever. In fact, the opposite is true… we use the usability test as a “scratch pad” to quickly test ideas that often turn out to be impractical failures. But even the failures–especially the failures, actually–help us gain insight into the best experiences for our visitors.

    We sincerely appreciate the close attention, though. Thanks for keeping us honest!

    April 10, 2009 @ 9:09 am
  8. Comment by tom:

    Are you planning to stick with XHTML 1.0 Strict even though W3C is shifting away from xhtml to html 5?

    July 22, 2009 @ 9:50 pm
  9. Pingback from Twitter Trackbacks for The Most Exciting Thing About Web Standards Is … umm … | NYPL Labs [nypl.org] on Topsy.com:

    [...] The Most Exciting Thing About Web Standards Is … umm … | NYPL Labs labs.nypl.org/2009/04/07/the-most-exciting-thing-about-web-standards-is-umm – view page – cached NYPL Labs provides a window into the overall digital experience of The New York Public Library. Take a look as we generalize our best practices into processes and tools and start experimenting with new applications and — From the page [...]

    August 22, 2009 @ 12:02 pm
Write comment