A List Apart

Menu

Topic: Accessibility

  • To Hell With Bad Browsers

    ·

    In a year or two, all sites will be designed with standards that separate structure from presentation (or they will be built with Flash 7). We can watch our skills grow obsolete, or start learning standards-based techniques. In fact, since the latest versions of IE, Navigator, and Opera already support many web standards, if we are willing to let go of the notion that backward compatibility is a virtue, we can stop making excuses and start using these standards now. At ALA, beginning with Issue No. 99, we’ve done just that. Join us.

  • Graceful E-Mail Obfuscation

    ·

    Hide e-mail addresses from spam bots while revealing them to readers as real, clickable links. This transparent and fully automated solution guarantees that all addresses on your site will be safe—even the ones that show up in blog comments!

  • Put Your Content in my Pocket, Part II

    ·

    Screen size matters. And now that Apple is embedding mobile Safari in more iPods than the iPhone alone, it matters even more. Concluding his remarkable two-part series, Craig Hockenberry covers the down and dirty details of designing and coding with the iPhone (and its brethren) in mind.

  • Working with Others: Accessibility and User Research

    ·

    Could accessibility guidelines and practices be improved by greater emphasis on user research? Maurizio Boscarol thinks the answer is probably “yes.”

  • Accessible Web 2.0 Applications with WAI-ARIA

    ·

    Our web applications can suffer from inaccessibility problems due to inherent markup limitations. Martin Kliehm helps us sort through the WAI specs for Accessible Rich Internet Applications (ARIA) to increase usability.

  • Retooling Slashdot with Web Standards

    ·

    A look at the markup behind Slashdot.org demonstrates how simple and cost-effective the switch to a standards-compliant Slashdot could be. (Part I of a two-part series.)

  • Making Compact Forms More Accessible

    ·

    Space constraints can put the squeeze on accessibility and usability. Mike Brittain shares his method for making itty-bitty forms more accessible and easier to use.

  • Invasion of the Body Switchers

    ·

    Wouldn’t it be great if we could update the classic ALA style switcher to accommodate multiple users and devices, including some that aren’t even traditional browsers, all from a single JavaScript and CSS file? Well, now we can! Enter the Body Switcher.

  • World Grows Small: Open Standards for the Global Web

    ·

    Molly Holzschlag explains how the practices you already use to create standards-based, accessible websites can serve you in the growing field of internationalization.

  • The Accessibility Hat Trick: Getting Abbreviations Right

    ·

    The acronym element is missing in XHTML 2.0. Internet Explorer 6 ignores the abbr element. JAWS doesn’t like dfn. AAA-level compliance requires you to find a solution. Make it work.

  • Prettier Accessible Forms

    ·

    Forms are a pain. You can make them pretty, make them accessible, or go a little crazy trying to achieve both. Nick Rigby offers a happy solution.

  • To Hell with WCAG 2

    ·

    The W3C’s Web Content Accessibility Guidelines (WCAG) are about to be updated for the first time since 1999. Joe Clark takes a close look at WCAG 2 and reports back.

  • Facts and Opinions About PDF Accessibility

    ·

    PDF accessibility is not as straightforward as HTML accessibility. But it can be done, if you put the same care into marking up your PDFs that you put into marking up websites.

  • A More Accessible Map

    ·

    Nifty web maps powered by Google and Yahoo! APIs are all the rage. And rage is what a visually impaired user may feel when trying to use them. Is there a way to make beautiful web maps accessible? In a word, yes.

  • Pocket-Sized Design: Taking Your Website to the Small Screen

    ·

    Among the many websites that are out there, few are standards-compliant. Among those few, only a handful sport style sheets adjusted to the needs of handheld devices. Of those which do offer styling for handhelds, not all will fit the smallest, lowest-resolution screens without presenting the user with the ultimate handheld horror: namely, horizontal scrolling. This article presents a set of general suggestions for creating a handheld-friendly style sheet that works well even on handheld screens no wider than 120px.

  • Flash MX: Clarifying the Concept

    ·

    In a detailed survey, accessibility obsessive Joe Clark evaluates Flash MX (authoring tool and player) in the context of the often confusing WAI and Section 508 guidelines, finds some things to cheer about, and draws a roadmap for future improvements.

  • High Accessibility Is Effective Search Engine Optimization

    ·

    It’s no coincidence that search engines love highly accessible websites; in fact, by designing for accessibility, you’re already using effective search-engine optimization techniques. Andy Hagans explains yet another reason to pay attention to accessibility.

  • Accesskeys: Unlocking Hidden Navigation

    ·

    Your favorite applications have shortcut keys. So can your site, thanks to the XHTML accesskey attribute. Accesskeys make sites more accessible for people who cannot use a mouse. Unfortunately, almost no designer uses accesskeys, because, unless they View Source, most visitors can’t tell that you’ve put these nifty navigational shortcuts to work on your site. In this issue, Stuart Robertson unlocks the secret of providing visible accesskey shortcuts.

  • How to Save Web Accessibility from Itself

    ·

    An upcoming revision to the Web Accessibility Guidelines is in danger of becoming unrealistically divorced from real-world web development, yielding guidelines that are at once too vague and too specific. Your expertise and input can help create realistic guidelines that work.

  • Big, Stark & Chunky

    ·

    You’ve designed for the screen and made provision for blind, handheld, and PDA browser users. But what about low-vision people? Powered by CSS, “zoom” layouts convert wide, multicolumn web pages into low-vision-friendly, single column designs. Accessibility maven Joe Clark explores the rationale and methods behind zoom layouts. Board the zoom train now!