Chapter Eleven THE MORTGAGE MARKETS. Chapter Eleven The Mortgage Markets.
WordPress Accessibility Twenty Eleven & Admin
description
Transcript of WordPress Accessibility Twenty Eleven & Admin
![Page 1: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/1.jpg)
WordPress Accessibility Twenty Eleven & Admin
Paul J. AdamAccessibility Evangelist
@pauljadam
![Page 2: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/2.jpg)
Accessibility Considerations• Reading Content (Themes)• Writing Content (Administration)• Commenting (CAPTCHA)• Plugins• Widgets• Lightboxes (Uploads)• Videos (Captioning)
![Page 3: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/3.jpg)
Twenty Eleven #a11y Problems• Skip links broken in Webkit
(Chrome/Safari)• Color contrast• Outline:0 none• Secondary skip
broken on posts• Hover-only menus
![Page 4: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/4.jpg)
Twenty Eleven #a11y Improvements
• Better use of title tags• Search is now labeled• ARIA landmarks
![Page 5: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/5.jpg)
Plugins for Front End• Twenty Eleven Accessibility Tweaks– Fixes outline:0 none; – Webkit skip link– Color contrast (FireEyes Demo)
![Page 6: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/6.jpg)
Mobile Themes not good
![Page 7: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/7.jpg)
Video #a11y
![Page 8: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/8.jpg)
Writing Content
![Page 9: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/9.jpg)
Admin Interface FAILS• No Skip Link• Media Uploads #a11y confusion• Disable Visual Editor• Lightboxes Focus Management• Enter to activate hovers not VO+Space• Outline:0 none
![Page 10: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/10.jpg)
Admin Minimalism• Screen Options checkboxes
![Page 11: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/11.jpg)
Plugins for Admin• Faster Image Insert• PHP Markdown• Hide Admin Icons• Simple Admin Accessibility Tweaks• Media Upload Accessibility Tweaks
![Page 12: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/12.jpg)
Before After
Media Upload #a11y Tweaks
![Page 13: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/13.jpg)
Non-Browser Alternatives• Mobile Apps• Post via Email• Other Apps– Windows Live Writer– OS X MarsEdit
![Page 14: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/14.jpg)
Menus• NOT possible to re-order menu with keyboard• Widgets can be (screenshot)
![Page 15: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/15.jpg)
Commenting• CAPTCHA-less• Approvals =
#FAIL
![Page 16: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/16.jpg)
Contact Form• Be careful which plugin you choose!• Contact Form 7 = FAIL• Contact Form Plugin = WIN
![Page 17: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/17.jpg)
Make WordPress Accessibility• http://make.wordpress.org/accessibility/• http://wordpress.org/search/accessibility
![Page 18: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/18.jpg)
WordPress #a11y Blogs• http://blogaccessibility.com• http://www.coolfields.co.uk• http://access.aol.com/wordpress-accessibility/
![Page 19: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/19.jpg)
Development Links• http://wordpress.stackexchange.com• Accessible WordPress Theming.pdf• Creating a custom functions plugin for end use
rs
• How to include javascript and css in your wordpress themes and plugins
![Page 20: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/20.jpg)
Go Forth and Be Accessible!!!
![Page 21: WordPress Accessibility Twenty Eleven & Admin](https://reader035.fdocuments.in/reader035/viewer/2022062501/5681664d550346895dd9cafe/html5/thumbnails/21.jpg)
Connecting with Deque
Twitter LinkedIn Web Email @dequesystems Deque Systems deque.com [email protected]