1 / 21

WordPress Accessibility Twenty Eleven & Admin

WordPress Accessibility Twenty Eleven & Admin. Paul J. Adam Accessibility Evangelist @ pauljadam. Accessibility Considerations. Reading Content (Themes) Writing Content (Administration ) Commenting (CAPTCHA) Plugins Widgets Lightboxes (Uploads) Videos (Captioning) .

vic
Download Presentation

WordPress Accessibility Twenty Eleven & Admin

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WordPress Accessibility Twenty Eleven & Admin Paul J. Adam Accessibility Evangelist @pauljadam

  2. Accessibility Considerations • Reading Content (Themes) • Writing Content (Administration) • Commenting (CAPTCHA) • Plugins • Widgets • Lightboxes (Uploads) • Videos (Captioning)

  3. Twenty Eleven #a11y Problems • Skip links broken in Webkit(Chrome/Safari) • Color contrast • Outline:0 none • Secondary skipbroken on posts • Hover-only menus

  4. Twenty Eleven #a11y Improvements • Better use of title tags • Search is now labeled • ARIA landmarks

  5. Plugins for Front End • Twenty Eleven Accessibility Tweaks • Fixes outline:0 none; • Webkit skip link • Color contrast (FireEyes Demo)

  6. Mobile Themes not good 

  7. Video #a11y

  8. Writing Content

  9. Admin Interface FAILS • No Skip Link • Media Uploads #a11y confusion • DisableVisual Editor • Lightboxes Focus Management • Enter to activate hovers not VO+Space • Outline:0 none

  10. Admin Minimalism • Screen Options checkboxes

  11. Plugins for Admin • Faster Image Insert • PHP Markdown • Hide Admin Icons • Simple Admin Accessibility Tweaks • Media Upload Accessibility Tweaks

  12. Media Upload #a11y Tweaks Before After

  13. Non-Browser Alternatives • Mobile Apps • Post via Email • Other Apps • Windows Live Writer • OS X MarsEdit

  14. Menus • NOT possible to re-order menu with keyboard • Widgets can be (screenshot)

  15. Commenting • CAPTCHA-less • Approvals = #FAIL

  16. Contact Form • Be careful which plugin you choose! • Contact Form 7 = FAIL • Contact Form Plugin = WIN

  17. Make WordPress Accessibility • http://make.wordpress.org/accessibility/ • http://wordpress.org/search/accessibility

  18. WordPress #a11y Blogs • http://blogaccessibility.com • http://www.coolfields.co.uk • http://access.aol.com/wordpress-accessibility/

  19. Development Links • http://wordpress.stackexchange.com • Accessible WordPress Theming.pdf • Creating a custom functions plugin for end users • How to include javascript and css in your wordpress themes and plugins

  20. Go Forth and Be Accessible!!!

  21. Connecting with Deque Twitter LinkedIn Web Email @dequesystemsDeque Systems deque.cominfo@deque.com

More Related