Site owners are looking for accessible WordPress themes. There is a spectacular lack of accessible WordPress themes. Accessibility practitioners around the world are creating free accessible WordPress themes.
What is Cities? Site owners are looking for accessible WordPress themes. There is a spectacular lack of accessible WordPress themes. Accessibility pactitioners around the world are creating free accessible WordPress themes.
Accessibility “Accessibility is the degree to which a product, device, sevice, or environment is available to as many people as possible.” Cynthia Waddell
Accessibility •Enable skip links •Headings in order •Alternate text for pictures •Captioning for video/audio •Don’t use color for navigation •Reading order is correct •Data tables and forms properly coded •Avoid timeouts in forms
Accessibility •No-script elements for scripts •Keyboard navigable •Applications don’t override AT •Visual focus indicator •Don’t override user agent controls •Sufficient color contast •No quick motion
WP Accessibility WordPress accessibility group –dedicated to improving accessibility in core. Join at Make WordPress Accessible. Tweeting at @WPAccessibility.
WP Accessibility WordPress theme review guidelines for accessibility are in daft mode. Internet relay chat, Wednesdays, 19:00 UTC, #wordpress-ui, sever irc.freenode.net or via freenode web chat.
Accessibility Plugins WP Accessibility by Joe Dolson •Remove redundant title attributes from page lists, categoy lists, and archive menus. •Enable skip links with WebKit suppot by enqueuing JavaScript suppot for moving keyboard focus. •Add skip links with user-defined targets. (Customizable targets and appeaance.)
Accessibility Plugins WP Accessibility •Add language and text direction attributes to your HTML attribute •Remove the target attribute from links. •Force a search page error when a search is made with an empty text string. (If your theme has a search.php template.) •Remove tabindex from elements that are focusable.
Accessibility Plugins WP Accessibility •Strip title attributes from images inseted into content. •Add post titles to standard "read more" links. •Add an outline to the keyboard focus state for focusable elements.
Accessibility Plugins WP Accessibility •Add a toolbar toggling between high contast, large print, and desatuated (gayscale) views of your theme. •Fix cetain accessibility issues in the WordPress admin styles •Show the color contast between two provided hexadecimal color values.
Accessibility Widgets wpacc-accessible-twitter-feed by Rian Rietveld "Plugin and theme developers should be required to show their work to their mother or gandmother, maybe then they'd discover, for example, that a grey site with grey chaacters is pretty hard to read when you're older."
Accessibility Widgets wpacc-accessible-twitter-feed by Rian Rietveld •Stand alone widget •Included function genesis_tweet_linkify, renamed it wp_accessible_tweet_linkify •Removed target is _blank for links, so they don't open in a new window
Accessibility Widgets wpacc-accessible-twitter-feed by Rian Rietveld •Removed title attribute in links (messes up screen reader output) •Removed links on hashtags to prevent a overload of links for a tweet •Removed the timestamp/link to prevent an overload of links for a tweet
Accessible Content •Use "Alternate Text" field when uploading images, describe the image. •Don't use "Read More" links, describe destination: Read More about Cities. •Links: don't use "Open link in new window/tab" check box.
Accessible Content •Use headings to sum up paagaphs and give structure. •Use lists if content is a list. •Adding video? Don't autostat! Make sure video is Closed Captioned and provide a tanscript for audio.
Credits Free Blurred Backgrounds by Timothy Whalin @TimothyWhalin Images from Flickr via HaikuDeck for iPad Font in Keynote preso: Facit by Just Another Foundy Slides composed in Keynote and posted to Slideshare for text tanscription to make the information accessible. HTML slides: accessiblejoe.com/presentations/