background preloader

Accessibility & WordPress: Developing for the Whole World by Joe

Facebook Twitter

Marktimemedia: Doubt is never a good thing... Marktimemedia: Accessibility on the front-end... Marktimemedia: I'm learning semantics are... Sleary: .@joedolson talking on WP... Joe Dolson Accessible Web Design: Designing websites with accessibility and usability in mind. WAI-ARIA Overview. Quick links: WAI-ARIA, User Agent Implementation Guide, FAQ See also FAQ: What is the current status of WAI-ARIA development?

WAI-ARIA Overview

Introduction WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies. Currently certain functionality used in Web sites is not available to some users with disabilities, especially people who rely on screen readers and people who cannot use a mouse. This page describes the problems that WAI-ARIA addresses, and introduces the WAI-ARIA suite of technical documents. Making Ajax and Related Technologies Accessible Figure 1: Tree control Web sites are increasingly using more advanced and complex user interface controls, such as tree controls for Web site navigation like the example in Figure 1.

Technical Solutions.

Get involved

Media Ally. WP Accessibility plugin. This plug-in helps with a variety of common accessibility problems in WordPress themes.

WP Accessibility plugin

While most accessibility issues can't be addressed without directly changing your theme, WP Accessibility adds a number of helpful accessibility features with a minimum amount of setup or expert knowledge. All features can be disabled according to your theme's needs. For advanced users, all of the functions based on modifying stylesheets can be customized using your own custom styles by placing the appropriate stylesheet in your theme directory.

Accessibility Features added by WP Accessibility: Enable skip links with WebKit support by adding JavaScript support to move keyboard focus.Add skip links with user-defined targets. Accessibility Issues fixed by WP Accessibility: Remove the target attribute from links.Force a search page error when a search is made with an empty text string. Accessibility Tools built into WP Accessibility: Learn more! Translating my plug-ins is always appreciated. Wordcamp-code.zip - Joe Dolson's filter code. My Calendar plugin. My Calendar provides event management with richly customizable ways to display events.

My Calendar plugin

The plug-in can support individual event calendars within WordPress Multisite, multiple calendars displayed by categories, locations or author, or simple lists of upcoming events. Easy to use for anybody, My Calendar provides enormous potential for developers needing a custom calendar interface. Buy the User's Guide for extensive help with set up and use.Buy My Calendar: Submissions, the PRO extension for front-end event submissions Basic Features: Translations Available languages (in order of completeness): French, Danish, Japanese, Dutch, German, Galician, Spanish, Italian, Danish, Czech, Hindi, Turkish, Polish, Finnish, Slovenian, Portuguese, Russian, Swedish, Romanian, Basque, Persian Visit the My Calendar translations site to check the progress of a translation. Translating my plug-ins is always appreciated. Translator Credits. WordPress Accessibility: WordCamp Chicago. Accessibility & WordPress: Developing for the Whole World.