CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head profile="http://gmpg.org/xfn/11"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://make.wordpress.org/accessibility/","20130124101343","https://web.archive.org/","web","/_static/", "1359022423"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <link href="https://plus.google.com/107188080561309681193" rel="publisher"/> <meta name="google-site-verification" content="7VWES_-rcHBcmaQis9mSYamPfNwE03f4vyTj4pfuAw0"/> <title>WordPress › Make WordPress Accessible</title> <link rel="stylesheet" href="https://web.archive.org/web/20130124101343cs_/http://s.wordpress.org/style/wp4.css?27"/> <link media="only screen and (max-device-width: 480px)" href="https://web.archive.org/web/20130124101343cs_/http://s.wordpress.org/style/iphone.css" type="text/css" rel="stylesheet"/> <link rel="shortcut icon" href="https://web.archive.org/web/20130124101343im_/http://s.wordpress.org/favicon.ico?3" type="image/x-icon"/> <link rel="alternate" type="application/rss+xml" title="Make WordPress Accessible" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/feed/"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20130124101343/https://ssl." : "https://web.archive.org/web/20130124101343/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-52447-1"); pageTracker._initData(); pageTracker._trackPageview(); function recordOutboundLink(link, category, action) { pageTracker._trackEvent(category, action); setTimeout('document.location = "' + link.href + '"', 100); } </script>  <link rel="pingback" href="http://make.wordpress.org/accessibility/xmlrpc.php"/><link rel="stylesheet" href="https://web.archive.org/web/20130124101343cs_/http://make.wordpress.org/accessibility/wp-content/themes/make-p2/style.css?v=2" type="text/css" media="screen"/> <script type="text/javascript"> // <![CDATA[ // P2 Configuration var ajaxUrl = "https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-admin/admin-ajax.php?p2ajax=true"; var updateRate = "30000"; // 30 seconds var nonce = "2e1dc5ef08"; var login_url = "https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Faccessibility%2F"; var templateDir = "https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-content/themes/p2"; var isFirstFrontPage = 1; var isFrontPage = 1; var isSingle = 0; var isPage = 0; var isUserLoggedIn = 0; var prologueTagsuggest = 1; var prologuePostsUpdates = 1; var prologueCommentsUpdates = 1; var getPostsUpdate = 0; var getCommentsUpdate = 0; var inlineEditPosts = 1; var inlineEditComments = 1; var wpUrl = "https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility"; var rssUrl = ""; var pageLoadTime = "2013-01-24 10:13:44"; var original_title = document.title; var commentsOnPost = new Array; var postsOnPage = new Array; var postsOnPageQS = ''; var currPost = -1; var currComment = -1; var commentLoop = false; var lcwidget = false; var hidecomments = false; var commentsLists = ''; var newUnseenUpdates = 0; var mentionData = null; // ]]> </script> <link rel="alternate" type="application/rss+xml" title="Make WordPress Accessible » Feed" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/feed/"/> <link rel="alternate" type="application/rss+xml" title="Make WordPress Accessible » Comments Feed" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/comments/feed/"/> <script type="text/javascript"> //<![CDATA[ var wpLocale = {"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthabbrev":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekday":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdayabbrev":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}; //]]> </script> <link rel="stylesheet" id="admin-bar-css" href="https://web.archive.org/web/20130124101343cs_/http://make.wordpress.org/accessibility/wp-includes/css/admin-bar.min.css?ver=3.6-alpha-23334" type="text/css" media="all"/> <link rel="stylesheet" id="jetpack-widgets-css" href="https://web.archive.org/web/20130124101343cs_/http://make.wordpress.org/accessibility/wp-content/plugins/jetpack/modules/widgets/widgets.css?ver=20121003" type="text/css" media="all"/> <link rel="stylesheet" id="p2-print-style-css" href="https://web.archive.org/web/20130124101343cs_/http://make.wordpress.org/accessibility/wp-content/themes/p2/style-print.css?ver=20120807" type="text/css" media="print"/> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/jquery/jquery.js?ver=1.9.0"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/jquery/jquery-migrate.js?ver=1.0.0"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/jquery/jquery.color.min.js?ver=2.1.0"></script> <script type="text/javascript"> /* <![CDATA[ */ var userSettings = {"url":"\/","uid":"0","time":"1359022424"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/utils.min.js?ver=3.6-alpha-23334"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/comment-reply.min.js?ver=3.6-alpha-23334"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-content/themes/p2/js/jquery.scrollTo-min.js?ver=20120402"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-content/themes/p2/js/wp-locale.js?ver=20110415"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-content/themes/p2/js/spin.js?ver=20120704"></script> <script type="text/javascript"> /* <![CDATA[ */ var p2txt = {"tags":"<br \/>Tags:","tagit":"Tag it","citation":"Citation","title":"Post Title","goto_homepage":"Go to homepage","n_new_updates":"%d new update(s)","n_new_comments":"%d new comment(s)","jump_to_top":"Jump to top","not_posted_error":"An error has occurred, your post was not posted","update_posted":"Your update has been posted","loading":"Loading...","cancel":"Cancel","save":"Save","hide_threads":"Hide threads","show_threads":"Show threads","unsaved_changes":"Your comments or posts will be lost if you continue.","date_time_format":"%1$s <em>on<\/em> %2$s","date_format":"F j, Y","time_format":"g:i a","autocomplete_prompt":"After typing @, type a name or username to find a member of this site","no_matches":"No matches.","comment_cancel_ays":"Are you sure you would like to clear this comment? Its contents will be deleted.","oops_not_logged_in":"Oops! Looks like you are not logged in.","please_log_in":"Please log in again","whoops_maybe_offline":"Whoops! Looks like you are not connected to the server. P2 could not connect with WordPress."}; try{convertEntities(p2txt);}catch(e){};; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-content/themes/p2/js/p2.js?ver=20121128"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://make.wordpress.org/accessibility/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://make.wordpress.org/accessibility/wp-includes/wlwmanifest.xml"/> <meta name="generator" content="WordPress 3.6-alpha-23334"/> <link rel="shortlink" href="https://web.archive.org/web/20130124101343/http://wp.me/21sSb"/>  <meta property="og:type" content="blog"/> <meta property="og:title" content="Make WordPress Accessible"/> <meta property="og:url" content="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/"/> <meta property="og:description" content="Equal Access For All"/> <meta property="og:site_name" content="Make WordPress Accessible"/> <style type="text/css"> .is-js .hide-if-js { display: none; } .p2-task-list ul { margin-left: 0 !important; } .p2-task-list ul ul { margin-left: 20px !important; } .p2-task-list li { list-style: none; } </style> <script type="text/javascript"> jQuery( function( $ ) { $( 'body' ) .addClass( 'is-js' ) .delegate( '.p2-task-list :checkbox', 'click', function() { var $this = $( this ), $li = $this.parents( 'li:first' ), $form = $this.parents( 'form:first' ), data = $li.find( ':input' ).serialize(), colorEl = $li, origColor = $li.css( 'background-color' ), color; while ( colorEl.get(0).tagName && colorEl.css( 'background-color' ).match( /^\s*(rgba\s*$\s*0+\s*,\s*0+\s*,\s*0+\s*,\s*0+\s*$|transparent)\s*$/ ) ) { colorEl = colorEl.parent(); } color = colorEl.get(0).tagName ? colorEl.css( 'background-color' ) : '#ffffff'; data += '&ajax=1&' + $form.find( '.submit :input' ).serialize(); $.post( $form.attr( 'action' ), data, function( response ) { if ( '1' === response ) $li.css( 'background-color', '#F6F3D1' ).animate( { backgroundColor: color }, 'slow', function() { $li.css( 'background-color', origColor ); } ); } ); } ); } ); </script> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <style type="text/css" media="screen"> html { margin-top: 28px !important; } * html body { margin-top: 28px !important; } </style> <style id="p2-header-style" type="text/css"> </style> <meta id="syntaxhighlighteranchor" name="syntaxhighlighter-version" content="3.1.3"/> <script type="text/javascript"> /* <![CDATA[ */ var wpNotesIsJetpackClient = true; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s.wordpress.org/wp-includes/js/jquery/jquery.js"></script> <script>document.cookie='devicePixelRatio='+((window.devicePixelRatio === undefined) ? 1 : window.devicePixelRatio)+'; path=/';</script> </head> <body id="wordpress-org" class="home blog admin-bar no-customize-support"> <div id="header"> <div class="wrapper"> <h1><a href="https://web.archive.org/web/20130124101343/http://s.wordpress.org/">WordPress.org</a></h1> <form action="https://web.archive.org/web/20130124101343/http://wordpress.org/search/do-search.php" method="get" id="head-search"> <input class="text" name="search" type="text" value="Search WordPress.org" maxlength="150" onfocus="this.value=(this.value=='Search WordPress.org') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Search WordPress.org' : this.value;"/> <input type="submit" class="button" value="Go"/> </form> <ul> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/extend/themes/" title="Find just the right look for your website.">Themes</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/extend/plugins/" title="Plugins can extend WordPress to do almost anything you can imagine.">Plugins</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/extend/mobile/" title="Take your website on the go!">Mobile</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/" title="Forums, documentation, help.">Support</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/" title="Support and discussion forums.">Forums</a></li><li><a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Docs</a></li></ul></li> <li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/" title="Contribute your knowledge." class="current">Get Involved</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/" title="Write the code.">Core</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/" title="Improve the interface.">UI</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/" title="Create a better experience." class="subcurrent">Accessibility</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/plugins/" title="Extend the system.">Plugins</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/themes/" title="Beautify the web.">Themes</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/support/" title="Help the users.">Support</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/polyglots/" title="Translate for the world.">Polyglots</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/mobile/" title="On the go.">Mobile</a></li></ul></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/about/" title="About the WordPress Organization, and where we're going.">About</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/news/" title="Come here for the latest scoop.">Blog</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/hosting/" title="Find a home for your blog.">Hosting</a></li> <li id="download"><a href="https://web.archive.org/web/20130124101343/http://wordpress.org/download/" title="Get it. Got it? Good.">Download</a></li> </ul> </div> </div> <div id="headline"> <div class="wrapper"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/">Make WordPress Accessible</a></h2> </div> </div> <div id="header2">  </div> <div id="wrapper"> <div id="sidebar"> <ul> <li id="text-5" class="widget widget_text"><h2 class="widgettitle">About</h2> <div class="textwidget"><p>Welcome to the official blog for the WordPress accessibility group - dedicated to improving accessibility in core WordPress and related projects . To join in the discussions, just log in using your WordPress.org username and password.</p> </div> </li> <li id="search-2" class="widget widget_search"><h2 class="widgettitle">Search This Site</h2> <form role="search" method="get" id="searchform" action="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/"> <div><label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s"/> <input type="submit" id="searchsubmit" value="Search"/> </div> </form></li> <li id="pages-3" class="widget widget_pages"><h2 class="widgettitle">Pages</h2> <ul> <li class="page_item page-item-142"><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/can-you-help/">Can You Help?</a></li> <li class="page_item page-item-62"><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/theme-accessibility-audit-draft-proposal/">Theme Accessibility Audit: Draft Proposal</a></li> <li class="page_item page-item-162"><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/useful-tools/">Useful Tools</a></li> <li class="page_item page-item-99"><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-accessibility-plugin/">WP Accessibility Plugin</a></li> </ul> </li> <li id="blog_subscription-3" class="widget jetpack_subscription_widget"><h2 class="widgettitle"><label for="subscribe-field">Subscribe via Email</label></h2> <a id="subscribe-blog"></a> <form action="" method="post" accept-charset="utf-8" id="subscribe-blog"> <p>Enter your email address to subscribe to this blog and receive notifications of new posts by email.</p><p>Join 134 other subscribers</p> <p><input type="text" name="email" style="width: 95%; padding: 1px 2px" value="Email Address" id="subscribe-field" onclick="if ( this.value == 'Email Address' ) { this.value = ''; }" onblur="if ( this.value == '' ) { this.value = 'Email Address'; }"/></p> <p> <input type="hidden" name="action" value="subscribe"/> <input type="hidden" name="source" value="http://make.wordpress.org/accessibility/"/> <input type="hidden" name="sub-type" value="widget"/> <input type="hidden" name="redirect_fragment" value="blog_subscription-3"/> <input type="submit" value="Subscribe" name="jetpack_subscriptions_widget"/> </p> </form> </li> <li id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widgettitle">Recent Posts</h2> <ul> <li> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/" title="Aaron Jorbin is suggesting that the new Twenty…">Aaron Jorbin is suggesting that the new Twenty…</a> </li> <li> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/" title="User Videos – An Accessibility Angle">User Videos – An Accessibility Angle</a> </li> <li> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/" title="Accessibillty Questions on the Support Forums">Accessibillty Questions on the Support Forums</a> </li> <li> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/" title="Just published a new page of Useful Tools…">Just published a new page of Useful Tools…</a> </li> <li> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/we-now-have-a-form-that-allows-assistive/" title="We now have a form that allows assistive…">We now have a form that allows assistive…</a> </li> </ul> </li> <li id="recent-comments-2" class="widget widget_recent_comments"><h2 class="widgettitle">Recent Comments</h2> <ul id="recentcomments"><li class="recentcomments"><a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> on <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-37687">User Videos – An Accessibility Angle</a></li><li class="recentcomments"><a href="https://web.archive.org/web/20130124101343/http://profiles.wordpress.org/users/davidakennedy/" rel="external nofollow" class="url">David A. Kennedy</a> on <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/useful-tools/#comment-37622">Useful Tools</a></li><li class="recentcomments">ramesh1988 on <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37420">Aaron Jorbin is suggesting that the new Twenty…</a></li><li class="recentcomments"><a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> on <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37415">Aaron Jorbin is suggesting that the new Twenty…</a></li><li class="recentcomments"><a href="https://web.archive.org/web/20130124101343/http://paolovalenti.info/2013/01/20/wordpress-aaron-jorbin-is-suggesting-that-the-new-twenty-make-wordpress-accessible/" rel="external nofollow" class="url">WordPress › Aaron Jorbin is suggesting that the new Twenty… « Make WordPress Accessible | Wolly's Weblog</a> on <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37365">Aaron Jorbin is suggesting that the new Twenty…</a></li></ul></li> <li id="rss_links-2" class="widget widget_rss_links"><h2 class="widgettitle">Feeds</h2> <ul><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/feed/" title="Subscribe to Posts">RSS - Posts</a></li><li><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/comments/feed/" title="Subscribe to Comments">RSS - Comments</a></li></ul> </li> <li id="text-6" class="widget widget_text"><h2 class="widgettitle">Accessibility Trac tickets</h2> <div class="textwidget"><ul> <li><a href="https://web.archive.org/web/20130124101343/http://core.trac.wordpress.org/query?status=new&component=Accessibility&col=id&col=summary&col=status&col=owner&col=type&col=priority&col=milestone&col=resolution&col=reporter&order=id">New</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://core.trac.wordpress.org/query?status=accepted&status=assigned&component=Accessibility&col=id&col=summary&col=status&col=owner&col=type&col=priority&col=milestone&col=resolution&col=reporter&order=id">Accepted/Assigned</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://core.trac.wordpress.org/query?status=reopened&component=Accessibility&col=id&col=summary&col=status&col=owner&col=type&col=priority&col=milestone&col=resolution&col=reporter&order=id">Re-opened</a></li> <li><a href="https://web.archive.org/web/20130124101343/http://core.trac.wordpress.org/query?status=closed&component=Accessibility&col=id&col=summary&col=status&col=owner&col=type&col=priority&col=milestone&col=resolution&col=reporter&order=id">Closed</a></li> </ul></div> </li> <li id="rss-3" class="widget widget_rss"><h2 class="widgettitle"><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/feed/" title="Syndicate this content"><img style="border:0" width="14" height="14" src="https://web.archive.org/web/20130124101343im_/http://make.wordpress.org/accessibility/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core" title="WordPress Development Updates">Core Development</a></h2> <ul><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/23/for-tomorrows-menu-office-hours-i-only/" title="For tomorrows “Menu” office hours I only have one agenda item: To figure out where we’re headed with menus in 3.6. The way I see it, we have 3 options: 1) Nacin’s concept We could push in the direction of Nacin’s concept. 2) The two screen approach We could go with the two screen approach. […]">For tomorrows Menu office hours I only…</a> <span class="rss-date">January 23, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/23/revisions-update-jan-22nd/" title="This week the revisions team had our first in-person meeting and we started by setting out office hours for this cycle which are 4pm UTC on Mondays and Thursdays. We then went through and reviewed a large number of open trac tickets related to revisions to get a feel for the existing bugs and enhancement […]">Revisions Update, Jan 22nd</a> <span class="rss-date">January 23, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/23/autosave-and-post-locking-update/" title="Today we had our first scheduled meeting. Consensus was, for a first pass: Display a simple lock/padlock icon next to locked posts within the post list screen, leaving the “Request Lock” button for the post edit screens. When a post is locked, hide the Quick Edit link, and disable batch edit for the post To […]">Autosave and Post Locking Update</a> <span class="rss-date">January 23, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/22/bug-gardening-with-sergey-biryukov-new-tv-show/" title="I’m pleased to announce that Sergey Biryukov has been given guest commit access for the 3.6 cycle. Ryan, Mark, Aaron and I have asked Sergey (twitter: @flash_usb) to run bug gardening efforts for 3.6. He’ll be working on both old and new tickets, clearing patches and fixing bugs. If bug fixes are your thing, or […]">Bug Gardening with Sergey Biryukov (new TV show?)</a> <span class="rss-date">January 22, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/22/post-formats-ui-update-121/" title="Still looking for wireframes/storyboards for possible UI ideas for each post format. To put it succinctly, we are looking to address discoverability, value, and usability, approximately in that order. We will at some point need to talk about how users get there in the first place, but again, for now let’s focus on the add/edit […]">Post Formats UI Update, 1/21</a> <span class="rss-date">January 22, 2013</span></li></ul></li> <li id="rss-4" class="widget widget_rss"><h2 class="widgettitle"><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/feed/" title="Syndicate this content"><img style="border:0" width="14" height="14" src="https://web.archive.org/web/20130124101343im_/http://make.wordpress.org/accessibility/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui" title="A Better User Experience">WordPress UI</a></h2> <ul><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/2013/01/21/3-6-core-development-cycle/" title="If you’re looking to contribute to core UI, you’ll want to keep an eye on Make/Core, as we’re shifting our thinking of core UI contributions to being an integral part of various areas of core rather than a separate group/workflow/etc. All of the planned features for 3.6 include UI components and participation in them is […]">3.6 Core Development Cycle</a> <span class="rss-date">January 21, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/2013/01/21/i-thought-id-run-one-more-user-through/" title="I thought I’d run one more user through testing our current concept of having both a “manage” screen and a “add/edit” screen for menus. For this test I added a quick little JS hack to visually highlight the “Menus in your theme” meta box when a user clicks there from the “add/edit” screen success message. […]">I thought I’d run one more user through…</a> <span class="rss-date">January 21, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/2013/01/11/here-are-the-results-from-user-7-in/" title="Here are the results from user 7 (in our menus user testing series) & user 8 both with the 23119.17.diff patch applied. User #7 Step 1: Log in No issues. Step 2: Go to menus No issues. Step 3: Add a menu No issues. Step 4: Add pages to menu No issues. Step 5: Reorganize […]">Here are the results from user 7 in…</a> <span class="rss-date">January 11, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/" title="Two more menus user tests, focusing on this layout concept: User 5 (in the series) & User 6. User #5 Step 1: Log in No issues. Step 2: Go to menus No issues. Step 3: Add a menu No issues. Step 4: Add pages to menu No issues. Step 5: Reorganize pages No issues. Step […]">Two more menus user tests focusing on this…</a> <span class="rss-date">January 9, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/2013/01/07/last-tuesday-we-tested-two-users-on-some/" title="Last Tuesday we tested two users on some menus scenarios. On friday I posted a couple hypotheses and patches for potential improvements. This morning, I tested two additional users with these patches applied: User 3 (in the series) & User 4. Here’s what I saw: User #3 Step 1: Log in No issues. Step 2: […]">Last Tuesday we tested two users on some…</a> <span class="rss-date">January 7, 2013</span></li></ul></li> <li id="rss-5" class="widget widget_rss"><h2 class="widgettitle"><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/rss/tags/accessibility" title="Syndicate this content"><img style="border:0" width="14" height="14" src="https://web.archive.org/web/20130124101343im_/http://make.wordpress.org/accessibility/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/tags/accessibility" title="WordPress › Support » Tag: accessibility - Recent Posts">Forum Posts</a></h2> <ul><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/topic/checkbox-group-missing-fieldset-andor-legend-tags-no-title-attribute#post-3743235" title="Thanks for the report. We'll have a look at both subscription options, and I will let you know as soon as we can address the issue. […]">Jeremy Herve on "[Plugin: Jetpack by WordPress.com] Checkbox group missing fieldset and/or legend tags, & no title attribute"</a> <span class="rss-date">January 18, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/topic/checkbox-group-missing-fieldset-andor-legend-tags-no-title-attribute#post-3742126" title="I’m currently doing some accessibility reviews and work on a WP instance using Jetpack. I noticed the comment/post subscription checkboxes that allow commenters to subscribe to new comments or indeed new posts is missing a fieldset/legend that omits it from WCAG2 A-level compliance (as I understand it). The file in question should be /modules/subscriptions.p […]">klepas on "[Plugin: Jetpack by WordPress.com] Checkbox group missing fieldset and/or legend tags, & no title attribute"</a> <span class="rss-date">January 18, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/topic/alt-text-for-category-icons#post-3737231" title="If the category name is sufficient as text, then it's sufficient for the alt attribute. There's no need for anything additional, and in fact, in 99% of cases, anything extra would be detrimental to accessibility. You'd have to talk to the developer about adding another field; but I wouldn't recommend adding it -- it wouldn't serve ac […]">Joe Dolson on "[Plugin: Category Icons] Alt text for category icons"</a> <span class="rss-date">January 17, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/topic/alt-text-for-category-icons#post-3734409" title="Sure, it does. Eg. for the category "Wildlife" alt="Wildlife" title="Wildlife" But how is a category name an adequate description for an image for accessibility purposes? All we need here is another field for a custom alt text for each image. Anyone have any ideas how this could be added to this plugin? Any help much appreciated […]">bodhi_mcgee on "[Plugin: Category Icons] Alt text for category icons"</a> <span class="rss-date">January 16, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/topic/using-wordpress-with-jaws#post-3727222" title="There are many WordPress site owners who use JAWS or similar screen reader software. What specifically is the problem? […]">esmi on "Using WordPress with JAWS"</a> <span class="rss-date">January 14, 2013</span></li></ul></li> </ul> <div class="clear"></div> </div>  <div class="sleeve_main"> <div id="main"> <h2> Recent Updates <span class="controls"> <a href="#" id="togglecomments"> Toggle Comment Threads</a> | <a href="#directions" id="directions-keyboard">Keyboard Shortcuts</a> </span> </h2> <ul id="postlist"> <li id="prologue-180" class="post-180 post type-post status-publish format-status hentry category-core tag-theme tag-twentythirteen"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-15T15:12:08Z">3:12 pm <em>on</em> January 15, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" onclick="return addComment.moveForm("comments-180", "0", "respond", "180")">Reply</a> </span> <span class="tags"> <br/>Tags: theme, twentythirteen    </span> </span> </h4> <div id="content-180" class="postcontent"> <p>Aaron Jorbin is suggesting that the new Twenty Thirteen should be designed and built “accessibility first”. He outlines exactly what he means by this in <a href="https://web.archive.org/web/20130124101343/http://aaron.jorb.in/blog/2013/01/what-i-want-to-see-in-the-twenty-thirteen-theme/">What I want to see in the Twenty Thirteen theme</a>. I think this is an initiative we should all support 100%.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/2473a47d3cd5b9579ac66b984a3c52cc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> ramesh1988, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a>, <a href="https://web.archive.org/web/20130124101343/http://paolovalenti.info/2013/01/20/wordpress-aaron-jorbin-is-suggesting-that-the-new-twenty-make-wordpress-accessible/" rel="external nofollow" class="url">WordPress › Aaron Jorbin is suggesting that the new Twenty… « Make WordPress Accessible | Wolly's Weblog</a>, and 8 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-180" class="commentlist inlinecomments"> <li id="comment-36950" class="comment byuser comment-author-accessiblejoe even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-15T16:01:55Z">4:01 pm <em>on</em> January 15, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-36950" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36950", "36950", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-36950" class="commentcontent"><p>+100! This is very good news indeed! I support this.</p> </div> <ul class="children"> <li id="comment-36982" class="comment byuser comment-author-ceo odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-15T21:39:37Z">9:39 pm <em>on</em> January 15, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-36982" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36982", "36982", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-36982" class="commentcontent"><p>^ This!</p> </div> </li> </ul> </li> <li id="comment-36955" class="comment byuser comment-author-joedolson even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-01-15T16:41:14Z">4:41 pm <em>on</em> January 15, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-36955" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36955", "36955", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-36955" class="commentcontent"><p>Definitely.</p> </div> </li> <li id="comment-36969" class="comment byuser comment-author-jorbin odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/b3e2b94eb305bf95a1bee11bc7705fb7?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://profiles.wordpress.org/users/jorbin/" rel="external nofollow" class="url">Aaron Jorbin</a> <span class="meta"> <abbr title="2013-01-15T18:21:24Z">6:21 pm <em>on</em> January 15, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-36969" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36969", "36969", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-36969" class="commentcontent"><p>Thanks Joseph, joe and Esmi. Hopefully this can become a reality.</p> </div> </li> <li id="comment-37067" class="comment even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/473ec5ebe83641df6cd7ee5d621630dc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-16T13:13:38Z">1:13 pm <em>on</em> January 16, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37067" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37067", "37067", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-37067" class="commentcontent"><p>Absolutely. Let us know what we can do to support it.</p> </div> </li> <li id="comment-37073" class="comment byuser comment-author-tentblogger odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/2801f5145de98010dd72f1ac6d92938f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://john.do/" rel="external nofollow" class="url">John Saddington</a> <span class="meta"> <abbr title="2013-01-16T14:32:31Z">2:32 pm <em>on</em> January 16, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37073" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37073", "37073", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-37073" class="commentcontent"><p>I love the idea that amy had on his blog about how it could impact other applications and how it could “lead the way” on better practices. rock on!</p> </div> </li> <li id="comment-37242" class="comment even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/814c108e3b1ce2c79e87efc44d7f3158?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Rocío Alvarado <span class="meta"> <abbr title="2013-01-18T11:32:40Z">11:32 am <em>on</em> January 18, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37242" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37242", "37242", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-37242" class="commentcontent"><p>OMG! Yes!</p> </div> </li> <li id="comment-37324" class="comment odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d542b9d556da42c2fa486b5212c966a1?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://4busydads.com/" rel="external nofollow" class="url">Charlie Hendricks</a> <span class="meta"> <abbr title="2013-01-20T00:13:30Z">12:13 am <em>on</em> January 20, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37324" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37324", "37324", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-37324" class="commentcontent"><p>I have several clients who would be very happy!</p> </div> </li> </li> <li id="comment-37415" class="comment byuser comment-author-grahamarmfield even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-21T12:02:02Z">12:02 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37415" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37415", "37415", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-37415" class="commentcontent"><p>Yes, yes, yes.</p> </div> <ul class="children"> <li id="comment-37420" class="comment byuser comment-author-ramesh1988 odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/2473a47d3cd5b9579ac66b984a3c52cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> ramesh1988 <span class="meta"> <abbr title="2013-01-21T14:33:31Z">2:33 pm <em>on</em> January 21, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#comment-37420" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/15/aaron-jorbin-is-suggesting-that-the-new-twenty/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37420", "37420", "respond", "180")">Reply</a> </span> </span> </h4> <div id="commentcontent-37420" class="commentcontent"><p>Definitely..!Definitely..!</p> </div> </li> </ul> </li> </ul> <div class="respond-wrap" style="display: none; "> <div id="respond"> <h3 id="reply-title">Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20130124101343/http://make.wordpress.org/accessibility/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes"> Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required="true"/></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" aria-required="true"/></p> <p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30"/></p> <div class="form"><textarea id="comment" class="expand50-100" name="comment" cols="45" rows="3"></textarea></div> <label class="post-error" for="comment" id="commenttext_error"></label> <span class="progress spinner-comment-new"></span> <p class="form-submit"> <input name="submit" type="submit" id="comment-submit" value="Reply"/> <input type="hidden" name="comment_post_ID" value="180" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f68b4b95e7"/></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;"/> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Notify me of follow-up comments by email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;"/> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts by email.</label></p> </form> </div> </div></li> <li id="prologue-177" class="post-177 post type-post status-publish format-standard hentry category-core tag-testing tag-usability tag-video"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/grahamarmfield/" title="Posts by GrahamArmfield ( @grahamarmfield )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=48&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/grahamarmfield/" title="Posts by GrahamArmfield ( @grahamarmfield )">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-11T09:46:09Z">9:46 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" onclick="return addComment.moveForm("comments-177", "0", "respond", "177")">Reply</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/tag/testing/" rel="tag">testing ( 3 )</a>, usability, video    </span> </span> </h4> <div id="content-177" class="postcontent"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/">User Videos – An Accessibility Angle </a></h2><p>Over the last few months WP dev lessbloat has done a series of videos where he has invited in ‘real-life’ users to try out various features of the WordPress backend – and has videoed the experience.</p> <p>I’ve watched many of these videos and read the transcripts of the interactions and they are a really great insight into usability, and assumptions that developers make about how much users understand about what’s expected of them. The most recent one is at: <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/" rel="nofollow">http://make.wordpress.org/ui/2013/01/09/two-more-menus-user-tests-focusing-on-this/</a></p> <p>I’ve often thought that it would be quite revealing if somehow we could produce a series of videos of blind and motor impaired users trying out key bits of the admin area. These would highlight the accessibility issues perhaps more than words on a page could, and could constitute a powerful benchmark on which to base future improvements.</p> <p>Does anyone else think this might be useful? And if so, how could we go about making some?</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a>, and 5 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-177" class="commentlist inlinecomments"> <li id="comment-36092" class="comment byuser comment-author-accessiblejoe even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-11T10:31:19Z">10:31 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36092" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36092", "36092", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36092" class="commentcontent"><p>User testing is a powerful tool and can be very revealing.</p> <p>When the users being tested are local, for this type of usability testing I use Silverback by Clearleft Limited. It captures screen actions and embeds a video of the user in the frame. The user is captured by the built-in camera in the computer. Silverback is for Mac. <a href="https://web.archive.org/web/20130124101343/http://silverbackapp.com/" rel="nofollow">http://silverbackapp.com</a> </p> <p>This is not the only scenario. Remote user testing is also available. Here is an article listing some of the companies that do this: <a href="https://web.archive.org/web/20130124101343/http://www.actualinsights.com/2012/free-remote-user-testing/" rel="nofollow">http://www.actualinsights.com/2012/free-remote-user-testing/</a></p> <p>Finally, asking for free participation in such studies is a sensitive issue in the disability community.</p> <p>The CSUN conference is coming up soon. I will devise some tests – I will take input from this group about the focus of those tests. I will put out a call for people to meet with me at the conference to do some testing. I will capture the experience with Silverback. I would like to offer something to participants – a Starbucks card for example – is there any budget for this?</p> </div> <ul class="children"> <li id="comment-36093" class="comment byuser comment-author-grahamarmfield bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-11T10:51:03Z">10:51 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36093" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36093", "36093", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36093" class="commentcontent"><p>Thanks for your reply Joe.</p> <p>I’ve also seen some very useful accessibility tests of some websites that were done via sharing the screens over Skype and recording the results via Camtasia studio. Perhaps not as sophisticated but valuable nevertheless.</p> <p>The issue about budget is a good one. I’m not close enough in to the WP organisation to know about that – Esmi may have to comment on that. It would be interesting to find out if lessbloat gets a budget for his vids and gives his paricipants anything.</p> <p>Your idea about CSUN is a good one. For my money the focus should definitely be on things that are obviously not accessible – like Custom Menu Builder, etc. But it would be good to test the whole process of adding a new post with some media and some links and headings within the page. After all, that’s the <strong>key</strong> functionality that needs to work for everyone. Itwould also be nice to test things where the situation has improved recently after the tickets that got included within 3.5.</p> <p>Another issue is how widely these videos are publicised if they ever get made. My natural gut feel is that full public airing is good – for knowledge, and as a spur to improve. But I know that perhaps not everyone might agree with that.</p> </div> <ul class="children"> <li id="comment-36131" class="comment byuser comment-author-accessiblejoe even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-12T02:36:00Z">2:36 am <em>on</em> January 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36131" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36131", "36131", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36131" class="commentcontent"><p>I’ll post the videos on YouTube and promote them to the accessibility and WordPress communities. I can’t do this alone. I will commit to getting people to engage in some focused testing. I cannot afford the time to CC the videos and provide audio description, which the videos will need. We’ll need someone to do that.</p> </div> <ul class="children"> <li id="comment-36275" class="comment byuser comment-author-grahamarmfield bypostauthor odd alt depth-4"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-13T08:06:02Z">8:06 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36275" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36275", "36275", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36275" class="commentcontent"><p>I’m willing to help with this Joseph.</p> <p>Creating captions is not necessarily difficult but can be time consuming. But I’ve done some recent experiments and the facility within YouTube to create a captions file from a transcript actually works really well most times. Now it’s a lot easier to crowdsource the production of a transcript for a video than a caption file directly. </p> <p>With transcripts, you or I can upload into YouTube to use as the raw material for a caption. It’s then possible to hack the YouTube caption file where the auto-syncing hasn’t worked so well.</p> <p>So a possible workflow for each video would be:</p> <p>1. Shoot and edit video, and upload to YouTube.<br/> 2. When someone has created a transcript we upload that to YouTube and go with the transcript-fed captions.<br/> 3. Where necessary, people identify segments where the captions aren’t synching right and one of us tweaks as required.</p> <p>By the way, you’ll not be surprised to hear that the auto-captioning facility within YouTube is laughably bad.</p> <p>Do you need to create a WordPress Accessibility YouTube account? Is that the best idea? What does everyone else think?</p> </div> <ul class="children"> <li id="comment-36618" class="comment byuser comment-author-accessiblejoe even depth-5"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-14T07:43:43Z">7:43 am <em>on</em> January 14, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36618" title="Permalink">Permalink</a> </span> </span> </h4> <div id="commentcontent-36618" class="commentcontent"><p>I believe we should start a WordPress Accessibility channel on YouTube only if we expect to regularly post to it. Otherwise, if I do a few user testing videos I can just post to my own channel.</p> </div> </li> <li id="comment-36619" class="comment byuser comment-author-accessiblejoe odd alt depth-5"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-14T07:46:40Z">7:46 am <em>on</em> January 14, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36619" title="Permalink">Permalink</a> </span> </span> </h4> <div id="commentcontent-36619" class="commentcontent"><p>Thanks Graham, I’ve captioned lots of videos and know how time consuming it can be.</p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li id="comment-36098" class="comment byuser comment-author-esmi even depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-11T11:54:49Z">11:54 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36098" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36098", "36098", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36098" class="commentcontent"><p>As far as I am aware there are no budgets available to anyone via wordpress.org. Where people do have access to user testing & video facilities, I would imagine that they are being provided as a form of sponsorship via their employers.</p> </div> <ul class="children"> <li id="comment-36129" class="comment byuser comment-author-accessiblejoe odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-12T02:19:51Z">2:19 am <em>on</em> January 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36129" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36129", "36129", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36129" class="commentcontent"><p>Will WordPress have a presence at the CSUN conference? I will see if people will attend a WP Accessibility group Tweetup.</p> </div> <ul class="children"> <li id="comment-36169" class="comment byuser comment-author-joedolson even depth-4"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-01-13T01:47:53Z">1:47 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36169" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36169", "36169", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36169" class="commentcontent"><p>I’ll be attending CSUN, and would certainly attend a WP accessibility Tweetup.</p> </div> <ul class="children"> <li id="comment-36178" class="comment byuser comment-author-accessiblejoe odd alt depth-5"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-13T02:46:26Z">2:46 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36178" title="Permalink">Permalink</a> </span> </span> </h4> <div id="commentcontent-36178" class="commentcontent"><p>Good man! I’ll start promoting it.</p> <p>There will be a general Tweetup, look for info at <a href="https://web.archive.org/web/20130124101343/http://www.csuntweetup.com/" rel="nofollow">http://www.csuntweetup.com/</a></p> </div> </li> <li id="comment-36196" class="comment byuser comment-author-accessiblejoe even depth-5"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-13T05:09:28Z">5:09 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36196" title="Permalink">Permalink</a> </span> </span> </h4> <div id="commentcontent-36196" class="commentcontent"><p>The CSUN Tweetup page has not yet been refreshed for #csun13.</p> <p>I’ll run the WP Accessibility Tweetup through my Meetup group:<br/> <a href="https://web.archive.org/web/20130124101343/http://www.meetup.com/Los-Angeles-Accessibility-and-Inclusive-Design-Group/" rel="nofollow">http://www.meetup.com/Los-Angeles-Accessibility-and-Inclusive-Design-Group/</a></p> <p>First I have to set a day, time, and location.</p> </div> </li> </ul> </li> <li id="comment-36277" class="comment byuser comment-author-grahamarmfield bypostauthor odd alt depth-4"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-13T08:11:31Z">8:11 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36277" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36277", "36277", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36277" class="commentcontent"><p>Unfortunately I won’t be able to come to CSUN this year – shame as I’d like to me you all. Hopefully next year.</p> <p>I’ll be following CSUN tweets – though not necessarily live given the California/UK time difference…</p> </div> </li> </ul> </li> <li id="comment-36276" class="comment byuser comment-author-grahamarmfield bypostauthor even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-13T08:08:02Z">8:08 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36276" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36276", "36276", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36276" class="commentcontent"><p>Esmi, do you know lessbloat? Can you ask him how he goes about it, and whether he’d be up for doing any with user with disabilities? I’ve suggested it at least once in my comments on his posts but not had any response from him.</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-36097" class="comment byuser comment-author-esmi odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-11T11:50:01Z">11:50 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36097" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36097", "36097", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36097" class="commentcontent"><p>I think this would be an excellent idea and is very much in line with my hopes of building up a pan-disability panel of users within this group.</p> </div> </li> <li id="comment-36101" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/aaf62fc5f80eb52587345634649cce93?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-11T12:45:48Z">12:45 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36101" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36101", "36101", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36101" class="commentcontent"><p>Joseph, that website you provided on actualinsights.com is great. I see that they have an app for iPads and iPhones–which to me, is huge. I had been looking a LONG time for something like this…..THANK YOU.</p> <p><a href="https://web.archive.org/web/20130124101343/http://www.actualinsights.com/2012/ux-recorder-screen-recording-app-for-ipad-iphone/" rel="nofollow">http://www.actualinsights.com/2012/ux-recorder-screen-recording-app-for-ipad-iphone/</a></p> </div> <ul class="children"> <li id="comment-37161" class="comment byuser comment-author-accessiblejoe odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-17T04:43:24Z">4:43 am <em>on</em> January 17, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-37161" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37161", "37161", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-37161" class="commentcontent"><p>Combining Reflector and Silverback for iOS Usability Testing <a href="https://web.archive.org/web/20130124101343/http://bit.ly/V6zS3m" rel="nofollow">http://bit.ly/V6zS3m</a></p> </div> </li> </ul> </li> <li id="comment-36119" class="comment even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/5c0ec1c26919e11d70feff30282b27f9?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Sveta <span class="meta"> <abbr title="2013-01-11T21:20:51Z">9:20 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36119" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36119", "36119", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36119" class="commentcontent"><p>It is also important that videos are captioned and transcribed for those who cannot hear. None of WordPress.tv videos are captioned at all – to say nothing about many other online videos on other websites.</p> </div> <ul class="children"> <li id="comment-36154" class="comment byuser comment-author-ceo odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-12T17:05:03Z">5:05 pm <em>on</em> January 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36154" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36154", "36154", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36154" class="commentcontent"><p>I don’t believe WordPress.tv has the ability as yet to transcribe videos. Though, even a separate text document/page/whatever would be beneficial in lieu of an actual transcription until something changes. Even something as simple as a detailed description of the video could be helpful.</p> </div> <ul class="children"> <li id="comment-36175" class="comment byuser comment-author-accessiblejoe even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/d4568752be353a0c8f949cac83bece84?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-01-13T02:33:40Z">2:33 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36175" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36175", "36175", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36175" class="commentcontent"><p>WCAG and Section 508 both require that video be captioned. Transcripts may be posted as a stop-gap measure until the video is captioned. Detailed description does not meet the criteria for success. Captioning services can deliver finished captioning quickly and economically when organizations don’t have the labor to do the job.</p> <p>The larger question for us all is: do we want to include all users, or do we find it acceptable that some are excluded?</p> </div> <ul class="children"> <li id="comment-36281" class="comment byuser comment-author-grahamarmfield bypostauthor odd alt depth-4"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-13T08:19:40Z">8:19 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36281" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36281", "36281", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36281" class="commentcontent"><p>Good question Joe. My view is that we should aim to include all users, but understanding that that is not always possible – certainly initially.</p> <p>You’ll see my comments elsewhere about the provision of captions and how that could work. Cyndy’s point about wordpress.tv and captions is important. Captions isn’t the only accessibility issue with wordpress.tv.</p> <p>I think signed versions might be something that might be hard to deliver on a limited budget, and I’m not sure about adding audio descriptions.</p> </div> </li> </ul> </li> <li id="comment-36268" class="comment byuser comment-author-grahamarmfield bypostauthor even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-13T07:50:00Z">7:50 am <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36268" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36268", "36268", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36268" class="commentcontent"><p>wordpress.tv has many problems with accessibility – eg lack of captions, and poor keyboard accessibility. It really needs to change.</p> <p>If WordPress wants to host the videos themselves then they need to embed them with a player that is keyboard accessible and supports captions.</p> <p>I’ve done a bit of work using the player that is available from Nomensa (<a href="https://web.archive.org/web/20130124101343/http://www.nomensa.com/about/news-items/nomensas-accessible-media-player-20-now-free-download" rel="nofollow">http://www.nomensa.com/about/news-items/nomensas-accessible-media-player-20-now-free-download</a>) which is pretty good for accessibility (keyboard control, captions) but with some limitations.</p> <p>I’ve created a crude WP plugin that incorporates it which I’ve used on a couple of sites. It’s not on general release as it’s nowhere near finished. But it works with videos hosted on YouTube.</p> <p>The biggest limitation of the Nomensa player at the moment is that for YouTube vids the player always uses flash which means that it’s not natively available on iPads and iPhones. However, if you’re hosting the vids yourself it can allegedly pull in the JWPlayer which allows delivery using the HTML5 video object on browsers that support it – should include iOS devices.</p> <p>Maybe consideration of the accessibility of wordpress.tv needs another thread – it’s a big subject.</p> </div> </li> </ul> </li> </ul> </li> </li> <li id="comment-36704" class="comment byuser comment-author-esmi odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-14T13:51:06Z">1:51 pm <em>on</em> January 14, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36704" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36704", "36704", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36704" class="commentcontent"><blockquote><p>Maybe consideration of the accessibility of wordpress.tv needs another thread</p></blockquote> <p>Agreed – as that might be edging to wards the edge of our remit. One area that is definitely within our remit is to review all videos used in support documentation – such as those being incorporated into the new <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/support/user-manual/" rel="nofollow">User Handbook</a>.</p> </div> </li> <li id="comment-36705" class="comment byuser comment-author-esmi even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-14T13:53:27Z">1:53 pm <em>on</em> January 14, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-36705" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36705", "36705", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-36705" class="commentcontent"><blockquote><p>do you know lessbloat?</p></blockquote> <p>Not spoken to him myself but I will try contacting him for details.</p> </div> <ul class="children"> <li id="comment-37687" class="comment byuser comment-author-esmi odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-23T16:19:53Z">4:19 pm <em>on</em> January 23, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#comment-37687" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/11/user-videos-an-accessibility-angle/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37687", "37687", "respond", "177")">Reply</a> </span> </span> </h4> <div id="commentcontent-37687" class="commentcontent"><p>Update: Had a quick chat with lessbloat. He’s using <a href="https://web.archive.org/web/20130124101343/http://usertesting.com/" rel="nofollow">usertesting.com</a> and, as he works for Automattic, they are kindly picking up the tab for the tests. Had a quick look at the pricing structure for usertesting.com and it would work out pretty expensive if you wanted to carry out more than a couple of testing sessions.</p> </div> </li> </ul> </li> </ul> </li> <li id="prologue-175" class="post-175 post type-post status-publish format-standard hentry category-core tag-support"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-10T23:35:30Z">11:35 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" onclick="return addComment.moveForm("comments-175", "0", "respond", "175")">Reply</a> </span> <span class="tags"> <br/>Tags: support    </span> </span> </h4> <div id="content-175" class="postcontent"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/">Accessibillty Questions on the Support Forums </a></h2><p>I’ve been trying to think of how we can provide better support for theme devs, plugin authors and site owners on the WordPress forums. I seem to recall someone asking about a dedicated Accessibility forum but, sadly, I don’t think there’s enough in terms of traffic to warrant such a forum yet.</p> <p>However, what we could do is to use a dedicated tag — ie <code>accessibility</code> — to make finding these kinds of support posts a lot easier. with the RSS feed for the tag pulled into here as well. I could also ask the support forum mods to add the tag to any topic that they felt needed special attention.</p> <p>Thoughts?</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/19370a2484593358d3d903edfbcc2e6a?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://studiopress.com/" rel="external nofollow" class="url">Andrea Rennick</a>, <a href="https://web.archive.org/web/20130124101343/http://wpdaily.co/roundup-4/" rel="external nofollow" class="url">The WordPress Weekend Roundup - WP Daily</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/aaf62fc5f80eb52587345634649cce93?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> Nelson, and 4 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-175" class="commentlist inlinecomments"> <li id="comment-36076" class="comment byuser comment-author-ipstenu even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/abfd4ff9c24957f1a9f0435e23de1f73?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://halfelf.org/" rel="external nofollow" class="url">Ipstenu (Mika Epstein)</a> <span class="meta"> <abbr title="2013-01-11T00:39:48Z">12:39 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#comment-36076" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36076", "36076", "respond", "175")">Reply</a> </span> </span> </h4> <div id="commentcontent-36076" class="commentcontent"><p>I think that’s a great idea <img src="https://web.archive.org/web/20130124101343im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> As forum mods, we should (could) be betetr about tagging things too.</p> </div> </li> <li id="comment-36079" class="comment byuser comment-author-joedolson odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-01-11T05:14:25Z">5:14 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#comment-36079" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36079", "36079", "respond", "175")">Reply</a> </span> </span> </h4> <div id="commentcontent-36079" class="commentcontent"><p>That seems like a great idea to me, too. All my time in the support forums tends to need to be dedicated to plug-in support, so it’s hard for me to do much more than that, but if it was there I’d definitely check in on it periodically.</p> </div> </li> <li id="comment-36087" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a> <span class="meta"> <abbr title="2013-01-11T09:03:23Z">9:03 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#comment-36087" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36087", "36087", "respond", "175")">Reply</a> </span> </span> </h4> <div id="commentcontent-36087" class="commentcontent"><p>Great idea Esmi.</p> </div> </li> <li id="comment-36091" class="comment byuser comment-author-esmi bypostauthor odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-11T10:09:22Z">10:09 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#comment-36091" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36091", "36091", "respond", "175")">Reply</a> </span> </span> </h4> <div id="commentcontent-36091" class="commentcontent"><p>I’ve added the feed to all accessibility tagged forum posts to the bottom of the sidebar here. Off to ask the forum mod team if they can add the tag where they feel it’s appropriate,.</p> </div> </li> <li id="comment-36100" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/aaf62fc5f80eb52587345634649cce93?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-11T12:37:57Z">12:37 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#comment-36100" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36100", "36100", "respond", "175")">Reply</a> </span> </span> </h4> <div id="commentcontent-36100" class="commentcontent"><p>Absolutely, a great idea!</p> </div> </li> </li> <li id="comment-36389" class="comment byuser comment-author-andrea_r odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/19370a2484593358d3d903edfbcc2e6a?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://studiopress.com/" rel="external nofollow" class="url">Andrea Rennick</a> <span class="meta"> <abbr title="2013-01-13T14:58:17Z">2:58 pm <em>on</em> January 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#comment-36389" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/accessibillty-questions-on-the-support-forums/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36389", "36389", "respond", "175")">Reply</a> </span> </span> </h4> <div id="commentcontent-36389" class="commentcontent"><p>Yes, we should – it will help quantify the need as well. <img src="https://web.archive.org/web/20130124101343im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> </p> </div> </li> </ul> </li> <li id="prologue-174" class="post-174 post type-post status-publish format-status hentry category-core tag-development tag-plugin tag-tools"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-10T13:16:22Z">1:16 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" onclick="return addComment.moveForm("comments-174", "0", "respond", "174")">Reply</a> </span> <span class="tags"> <br/>Tags: development, <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/tag/plugin/" rel="tag">plugin ( 3 )</a>, tools    </span> </span> </h4> <div id="content-174" class="postcontent"> <p>Just published a new page of <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/useful-tools/">Useful Tools</a>. If you know of any plugins or development tools that can help to raise the accessibility of a site, theme or plugin, please let us know.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/473ec5ebe83641df6cd7ee5d621630dc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> Nelson, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a>, and 2 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-174" class="commentlist inlinecomments"> <li id="comment-36050" class="comment byuser comment-author-grahamarmfield even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-10T13:57:52Z">1:57 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36050" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36050", "36050", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36050" class="commentcontent"><p>I would encourage any developer who is interested in building and/or testing for accessibility to download a copy of the NVDA screen reader. It’s a fully functional screen reader, almost as good as JAWS, and is now the screen reader of choice for many blind and dyslexic users. What’s more, it’s free.</p> <p>It works best on Firefox and IE – Chrome doesn’t support all the necessary accessibility API stuff (thanks Google). It’s possible to download a version that you can place onto a memory stick so that it’s portable – something I don’t think you can do with JAWS.</p> <p>Not surprisingly there are lots of keyboard shortcuts to learn, but there are some tutorial videos available I believe, and lists of the most useful keystrokes on the web.</p> <p>It’s available at: <a href="https://web.archive.org/web/20130124101343/http://www.nvda-project.org/" rel="nofollow">http://www.nvda-project.org/</a></p> </div> <ul class="children"> <li id="comment-36052" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-10T14:08:35Z">2:08 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36052" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36052", "36052", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36052" class="commentcontent"><p>I’ve just (literally) finished writing a piece for book on web accessibility and I’ve actually said the complete reverse. For what it’s worth, here are my views on this subject:</p> <blockquote><p>Don’t try using assistive technology yourself. Using a demo screen reader for a few hours will NOT give you a good overview of how visually impaired users navigate sites. Many of these users will have been using their particular software daily for years. Implementing changes based on your few hours of experience is likely to do more damage than good. Instead, make the best of the many accessiblity resources that are available on the Web.</p></blockquote> </div> <ul class="children"> <li id="comment-36064" class="comment byuser comment-author-ceo even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-10T19:31:13Z">7:31 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36064" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36064", "36064", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36064" class="commentcontent"><p>I’m going to side with esmi on this one. At the end of the day, you’re always going to have the ability to actually <em>see</em> what’s on the screen. Also, as I said in a comment below, testing one piece of software is not indicative of all adaptive set ups. Screen readers are often used in conjunction with other equipment, too, like Braille displays.</p> <p>Certainly I don’t hold a monopoly on the screen reader using population, but NVDA being a popular choice is news to me. VoiceOver is probably the second most used that I’m aware of and I’d venture to say that it’s mostly because it’s much easier and cost effective to buy a system that has accessibility options built in over spending thousands of dollars to accomplish the same thing.</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-36065" class="comment odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/aaf62fc5f80eb52587345634649cce93?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-10T20:41:31Z">8:41 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36065" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36065", "36065", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36065" class="commentcontent"><p>esmi, Cyndy, your reactions are so surprising to me. These insights are pure gold. Like Graham, I had viewed the use of technology such as NVDA invaluable; I would have never in a million years predicted such a response as “Dont try using assistive technology yourself”. (Although after further reading I think I see what you are getting at).</p> <p>I honestly do not know how else to become familiar with a technology except to use it myself. I guess I’m a little intimidated, no, intimidated a LOT by the fact I simply don’t know how to incorporate changes to address assistive technology without being familiar with the technology first hand.</p> <p>These conversations are giving me a LOT to chew on, and cause me to very seriously reconsider our current approach to learn and adapt accessible technologies. Graham, esmi, and Cyndy, thank you.</p> </div> <ul class="children"> <li id="comment-36071" class="comment byuser comment-author-esmi bypostauthor even depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-10T23:14:39Z">11:14 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36071" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36071", "36071", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36071" class="commentcontent"><p>My opinions on this come out of discussions with <a href="https://web.archive.org/web/20130124101343/http://www.jimthatcher.com/" rel="nofollow">Jim Thatcher</a> – a guru in the field of web accessibility who also built some of the very first screen readers. He reckoned it would take a solid couple of hours every day for at least a month before a web developer was close to using JAWS in the same way as the average non-sighted user would. Anything less than that and any assumptions made could be seriously invalid. There’s a lot of info out there on <strong>how</strong> assistive technology is used by real people every day. You might find that a lot more useful than trying to use the technology yourself.</p> </div> </li> </ul> </li> <li id="comment-36089" class="comment odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a> <span class="meta"> <abbr title="2013-01-11T09:27:19Z">9:27 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36089" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36089", "36089", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36089" class="commentcontent"><p>Esmi, I can see where your opinions are coming from, and yes there is a danger that a short use of a screen reader (say) will not give you an accurate view of the way that expert users use that particular tool. Surely there are as many different approaches to using screen readers as there are screen reader users – isn’t there a parallel with an operating system here?</p> <p>Yes there are many resources on the web – including videos of visually impaired people using screen readers etc, and I do encourage people I talk to about accessibility to use those too. But when I present on web accessibility to developers and others the bits where I demo screen readers and speech recognition stimulate a lot of interest. To be able to show people the direct affect of adding appropriate alt attributes to images, and properly marked up labels to input fields is gold.</p> <p>My comments on the rising popularity of NVDA come from views gleaned from various blogs and from the WebAim Screen Reader survey – <a href="https://web.archive.org/web/20130124101343/http://webaim.org/projects/screenreadersurvey4" rel="nofollow">http://webaim.org/projects/screenreadersurvey4</a></p> <p>I’m just starting to learn VoiceOver myself now – having just got my first iOS device.</p> </div> <ul class="children"> <li id="comment-36102" class="comment even depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/473ec5ebe83641df6cd7ee5d621630dc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-11T14:02:33Z">2:02 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36102" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36102", "36102", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36102" class="commentcontent"><p>Much to digest here. What limited experience I’ve had supports esmi and Cyndy’s claim about the use of an assistive technology by a user who actually doesn’t NEED the technology. I had built up a website, adjusting all HTML and CSS based on what I found on the web so that screen readers could use it–and when I found out the blind user did not use ANY of the special features I had built into the website (e.g., skip-to-navigation links), but instead used standard HTML markup, I was stunned. He pulled out his laptop, and a Windows-based technology ran through the page so quickly my head spun. I literally could not keep up with him. </p> <p>BUT I find personally that the biggest problem in supporting accessibility iniitiatives is–getting support! There is no substitute, none, for bringing the point home to sighted, able-bodied administrators and staff what it is like to be blind, immobile, or whatever, and still be asked to function. To date, the only way to bring this home is to give demonstrations of what it’s like to try and function with a disability. Only then does the grumbling stop about adding “alt tags” and such.</p> <p>And what I said earlier still holds true, at least for me personally–in order to write a website in an accessible manner, I can’t just “read” about it on the web–I personally have to go through some sort of experience to make me understand, in my guts, what’s happening when a blind person approaches a web page, or a person with a mobility issue tries to access a drop-down menu, etc.</p> <p>The crux of the matter is, how a sighted person like me realisticly gains insights into working a web page without being blind. Again, incredibly valuable insights provided here, and I thank you all.</p> </div> </li> <li id="comment-36103" class="comment byuser comment-author-ceo odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-11T14:08:21Z">2:08 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36103" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36103", "36103", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36103" class="commentcontent"><p>Sorry if I came across contrary about the NVDA popularity. I don’t dispute your point, though, I’ve never actually heard of that survey and I am kind of curious how accurate a sampling that it has. I mean in context, the US alone there are an estimated 21.5 million persons with vision loss.</p> </div> </li> </ul> </li> <li id="comment-36104" class="comment even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/473ec5ebe83641df6cd7ee5d621630dc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-11T15:14:48Z">3:14 pm <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36104" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36104", "36104", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36104" class="commentcontent"><p>Cyndy, I personally didn’t feel that the comment was contrary at all. And, the implied point about sample size is a valid concern. Almost by default, sample sizes for any accessibility testing are going to be small, because of the difficulty of rounding up enough participants for a study. That very fact alone, that accessibility testing is based upon studies with small sample sizes, mandates a critical eye towards the studies, and their implications of applying the results to our applications. I didn’t feel your words were contrary. I felt they were wise. And invaluable to people like me who only know how to approach accessibility initiatives through the mechanical lens of technology. Thanks again!</p> </div> <ul class="children"> <li id="comment-36158" class="comment byuser comment-author-ceo odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-12T17:10:56Z">5:10 pm <em>on</em> January 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-36158" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36158", "36158", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-36158" class="commentcontent"><p>Thanks, Nelson. <img src="https://web.archive.org/web/20130124101343im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley"/> </p> <p>My own personal experience and having worked in the rehab field, I do know there tends to be a large difference in what equipment and software is used based on age (e.g., college student vs. professional) and each state (and even each district within a state) has their own specific standards.as to what they will or won’t provide. Which is to say, what is a <em>preferred</em> set up is not necessarily what is most often being used.</p> </div> <ul class="children"> <li id="comment-37220" class="comment even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/473ec5ebe83641df6cd7ee5d621630dc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-17T20:25:13Z">8:25 pm <em>on</em> January 17, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#comment-37220" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/10/just-published-a-new-page-of-useful-tools/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-37220", "37220", "respond", "174")">Reply</a> </span> </span> </h4> <div id="commentcontent-37220" class="commentcontent"><p>Hi Cyndy, in light of the above conversation, I tried to do some more reading/research. I came across an article that may be of interest; did you happen to see this survey? If I may ask, what are your (what I know will be awesome) thoughts on it?</p> <p><a href="https://web.archive.org/web/20130124101343/http://webaim.org/projects/screenreadersurvey4/" rel="nofollow">http://webaim.org/projects/screenreadersurvey4/</a></p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li id="prologue-161" class="post-161 post type-post status-publish format-status hentry category-core tag-feedback tag-testing"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-09T13:25:41Z">1:25 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/we-now-have-a-form-that-allows-assistive/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: feedback, <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/tag/testing/" rel="tag">testing ( 3 )</a>    </span> </span> </h4> <div id="content-161" class="postcontent"> <p>We now have a <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/can-you-help/">form</a> that allows assistive technology users to send us their feedback via email. My guess is that not everyone is comfortable contributing to a public discussion here. Longer term, I’m also hoping that we can build up a pan-disability panel of users who would be willing to help with testing.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> is discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-161" class="commentlist inlinecomments"> <li id="comment-35990" class="comment byuser comment-author-ceo even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-09T13:53:48Z">1:53 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/we-now-have-a-form-that-allows-assistive/#comment-35990" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/we-now-have-a-form-that-allows-assistive/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35990", "35990", "respond", "161")">Reply</a> </span> </span> </h4> <div id="commentcontent-35990" class="commentcontent"><p>I’ll spread the link around, esmi! And, I’m certainly more than happy to help out in any way that I can.</p> </div> </li> </ul> </li> <li id="prologue-140" class="post-140 post type-post status-publish format-status hentry category-core tag-plugin"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-09T12:24:57Z">12:24 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/stumbled-across-the-accessibility-widget-plugin-last-night/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/tag/plugin/" rel="tag">plugin ( 3 )</a>    </span> </span> </h4> <div id="content-140" class="postcontent"> <p>Stumbled across the <a href="https://web.archive.org/web/20130124101343/http://wordpress.org/extend/plugins/accessibility-widget/">Accessibility Widget plugin</a> last night which looks very interesting. I intend to test it out as soon as I have some free time but has anyone else used it on a live site? I was thinking that we could have a page here listing similar useful plugins and tools.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> and <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/54b6a8a47f9d6f1a93f33be5909c59a5?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.rrwd.nl/" rel="external nofollow" class="url">Rian Rietveld</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-140" class="commentlist inlinecomments"> <li id="comment-35987" class="comment byuser comment-author-rianrietveld even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/54b6a8a47f9d6f1a93f33be5909c59a5?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.rrwd.nl/" rel="external nofollow" class="url">Rian Rietveld</a> <span class="meta"> <abbr title="2013-01-09T13:14:11Z">1:14 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/stumbled-across-the-accessibility-widget-plugin-last-night/#comment-35987" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/stumbled-across-the-accessibility-widget-plugin-last-night/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35987", "35987", "respond", "140")">Reply</a> </span> </span> </h4> <div id="commentcontent-35987" class="commentcontent"><p>Thanks for the tip <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/mentions/esmi/" class="mention">@esmi</a></p> </div> </li> <li id="comment-36049" class="comment byuser comment-author-grahamarmfield odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-10T13:48:39Z">1:48 pm <em>on</em> January 10, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/stumbled-across-the-accessibility-widget-plugin-last-night/#comment-36049" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/stumbled-across-the-accessibility-widget-plugin-last-night/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36049", "36049", "respond", "140")">Reply</a> </span> </span> </h4> <div id="commentcontent-36049" class="commentcontent"><p>Hadn’t seen that one before but will have a look. There is also wp-chgfontsize which I have used on a couple of sites in the past but hasn’t been updated for a while now.</p> </div> </li> </ul> </li> <li id="prologue-139" class="post-139 post type-post status-publish format-standard hentry category-core tag-core-2 tag-media-manager"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/grahamarmfield/" title="Posts by GrahamArmfield ( @grahamarmfield )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=48&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/grahamarmfield/" title="Posts by GrahamArmfield ( @grahamarmfield )">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-09T12:07:23Z">12:07 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/tag/core-2/" rel="tag">core ( 2 )</a>, media manager    </span> </span> </h4> <div id="content-139" class="postcontent"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/">3.5 Media Manager Accessibility </a></h2><p>Has anyone had a chance to test the accessibility of the new Media Manager that came in with 3.5? I’ve not had time yet, but I am worried that it’s not fully keyboard accessible.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> and <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-139" class="commentlist inlinecomments"> <li id="comment-35974" class="comment byuser comment-author-esmi even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-09T12:20:06Z">12:20 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/#comment-35974" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35974", "35974", "respond", "139")">Reply</a> </span> </span> </h4> <div id="commentcontent-35974" class="commentcontent"><p>I’ve run a quick test and it’s not too bad. The big issue in my tests was that I kept losing sight of the current focus, so better focus highlighting is definitely needed. </p> <p>The big grey area for me was at the point when I brought up the browse window to select the file I wanted to upload. I wasn’t sure how to select the file I wanted using keyboard alone. That’s really more of a problem with my experience than the interface but it did raise an interesting thought – where does WP’s remit stop when using standard operations like browsing your own machine? I don’t want to de-rail any discussion of the new Media Manager but I think we do have to keep in mind that there are points when an applications responsibility ends and the user has to take responsibility for learning how to use their own software. In my experience, it’s a point that can sometimes be overlooked in the (admirable) enthusiasm to make web applications as accessible as possible.</p> </div> <ul class="children"> <li id="comment-35975" class="comment byuser comment-author-grahamarmfield bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-09T12:34:03Z">12:34 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/#comment-35975" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35975", "35975", "respond", "139")">Reply</a> </span> </span> </h4> <div id="commentcontent-35975" class="commentcontent"><p>I think you are right Esmi, there is definitely a boundary between WP screens and functions and operating system screens and functions. And WordPress cannot be responsible for the operating system bit – we have to trust that people can learn to use the appropriate functionality of their machines. I know that doesn’t always happen but it’s outside of our scope. </p> <p>I just had another quick look at the Media Manager panel. I think tabbing goes ok as far as the search box, but after that I believe it actually goes back to links on the underlying post/page edit screen. But I’m not certain about that.</p> </div> <ul class="children"> <li id="comment-35983" class="comment byuser comment-author-esmi even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-09T12:59:39Z">12:59 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/#comment-35983" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/09/3-5-media-manager-accessibility/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35983", "35983", "respond", "139")">Reply</a> </span> </span> </h4> <div id="commentcontent-35983" class="commentcontent"><blockquote><p>I believe it actually goes back to links on the underlying post/page edit screen</p></blockquote> <p>I had a similar issue and thought I’d make a mistake. I’ll take another crack at it as soon as I can.</p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li id="prologue-135" class="post-135 post type-post status-publish format-standard hentry category-core tag-core-2"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-08T15:56:28Z">3:56 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/tag/core-2/" rel="tag">core ( 2 )</a>    </span> </span> </h4> <div id="content-135" class="postcontent"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/">Menus </a></h2><p>Graham Armfield has asked for the Menu UI to receive some <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/08/wordpress-3-6-menus/#comment-7390">accessibility attention</a>.<br/> <a href="https://web.archive.org/web/20130124101343/http://core.trac.wordpress.org/ticket/21289">Associated Trac link</a>.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a>, and <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-135" class="commentlist inlinecomments"> <li id="comment-35957" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a> <span class="meta"> <abbr title="2013-01-09T09:43:08Z">9:43 am <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#comment-35957" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35957", "35957", "respond", "135")">Reply</a> </span> </span> </h4> <div id="commentcontent-35957" class="commentcontent"><p>Thanks for posting about that Esmi, I believe it is vital that everyone who maintains a site in WordPress should be able to fully create their own menus.</p> <p>Of course at the moment the order of menu items and the hierarchy can’t be changed without the ability to drag and drop – an alien concept for some people and for some assistive technology like screen readers.</p> <p>Sighted keyboard users can manipulate menus if they know about mouse keys, and speech recognition users can do drag and drop commands although it’s hard to get things precise enough some times.</p> <p><strong>But, how to make the menu builder accessible to everyone?</strong></p> <p>Is the best way to add an accessible option – similar to the one that exists for managing Widgets (which has similar-ish functionality)?</p> <p>Or is there another way that would work better for everyone?</p> <p>And (perhaps similar to other areas within WP) are there sufficient instructions clearly available so that everyone understands what they are changing and how to go about it?</p> </div> <ul class="children"> <li id="comment-35967" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-09T11:48:18Z">11:48 am <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#comment-35967" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35967", "35967", "respond", "135")">Reply</a> </span> </span> </h4> <div id="commentcontent-35967" class="commentcontent"><p>Adding an accessibility option similar to the widgets one has to be the absolute minimum fallback, in my opinion. I’ve already seen calls elsewhere on the support forums for it to be added to menus. It would also lend itself nicely to some sort of consistency across the WordPress UI. </p> <p>Are there any other web applications with accessible drag and drop functionality that we could use as a best practice model?</p> </div> <ul class="children"> <li id="comment-35991" class="comment byuser comment-author-ceo even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-09T13:56:51Z">1:56 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#comment-35991" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35991", "35991", "respond", "135")">Reply</a> </span> </span> </h4> <div id="commentcontent-35991" class="commentcontent"><p>From the standpoint of a blind person “accessible drag-and-drop” is kind of an oxymoron . . . it’s inherently a mouse-user feature and those are notoriously difficult, if not impossible to translate to use for a screen-reader user.</p> </div> <ul class="children"> <li id="comment-35993" class="comment byuser comment-author-esmi bypostauthor odd alt depth-4"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-09T14:17:22Z">2:17 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#comment-35993" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35993", "35993", "respond", "135")">Reply</a> </span> </span> </h4> <div id="commentcontent-35993" class="commentcontent"><p>Do you find the accessibility option in the Widgets section useful? Would a similar option for Menus help?</p> </div> <ul class="children"> <li id="comment-35994" class="comment byuser comment-author-ceo even depth-5"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-09T14:20:34Z">2:20 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#comment-35994" title="Permalink">Permalink</a> </span> </span> </h4> <div id="commentcontent-35994" class="commentcontent"><p>I do actually. I think I’ve voiced a similar suggestion for that in the Menu screen before. (Seems like something I’d natter on about.)</p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li id="comment-36090" class="comment byuser comment-author-grahamarmfield odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-11T09:48:00Z">9:48 am <em>on</em> January 11, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#comment-36090" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/menus/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-36090", "36090", "respond", "135")">Reply</a> </span> </span> </h4> <div id="commentcontent-36090" class="commentcontent"><p>Just to let everyone know there is a whole load of debate about the UI for Menus going on over at: <a href="https://web.archive.org/web/20130124101343/http://core.trac.wordpress.org/ticket/23119" rel="nofollow">http://core.trac.wordpress.org/ticket/23119</a> but so far there is no mention of accessibility in there.</p> </div> </li> </ul> </li> </ul> </li> <li id="prologue-134" class="post-134 post type-post status-publish format-standard hentry category-core tag-revisons-core"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-08T15:51:24Z">3:51 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: revisons core    </span> </span> </h4> <div id="content-134" class="postcontent"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/">WordPress 3.6: Revisions </a></h2><p>The Core team are about to start looking at some improvements around the Post/Page revisions. From an a11y perspective, the Compare Revisions display needs some serious work. It’s currently a tabled form with no labels and multiple links with identical text. So I’ve put forwards some <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/core/2013/01/07/wordpress-3-6-revisions/#comment-7399">suggestions for changes</a>.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/aaf62fc5f80eb52587345634649cce93?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> Nelson, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a>, and <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-134" class="commentlist inlinecomments"> <li id="comment-35960" class="comment byuser comment-author-grahamarmfield even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-01-09T10:12:44Z">10:12 am <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/#comment-35960" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35960", "35960", "respond", "134")">Reply</a> </span> </span> </h4> <div id="commentcontent-35960" class="commentcontent"><p>Good for flagging this up Esmi. Have you seen the latest idea with the red and green dots or lines? Colourblindness anyone?</p> </div> <ul class="children"> <li id="comment-35964" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-09T11:42:02Z">11:42 am <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/#comment-35964" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35964", "35964", "respond", "134")">Reply</a> </span> </span> </h4> <div id="commentcontent-35964" class="commentcontent"><p>The use of progress-type bars is pretty poor on all fronts, in my opinion. Stick with numbers and I think most potential access barriers would be by-passed. Plus you’d get rid of most of the “Uh?” factor that I think would be the immediate response of pretty much all users.</p> <p>The colour combinations are also pretty awful. <a href="https://web.archive.org/web/20130124101343/http://quirm.net/temp/red-green.png" rel="nofollow">This screenshot</a> shows how the red/green display would look to sufferers of the two most common forms of color blindness (approx 10% of all males, potentially). If anyone is interested, that screenshot was made using the free <a href="https://web.archive.org/web/20130124101343/http://www.paciellogroup.com/resources/contrastAnalyser" rel="nofollow">Color Contrast Analyser desktop tool</a>.</p> </div> <ul class="children"> <li id="comment-35981" class="comment even depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/aaf62fc5f80eb52587345634649cce93?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-09T12:56:54Z">12:56 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/#comment-35981" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/wordpress-3-6-revisions/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35981", "35981", "respond", "134")">Reply</a> </span> </span> </h4> <div id="commentcontent-35981" class="commentcontent"><p>The link for Clor Contrast Analyser is great–thanks for passing that on!</p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <li id="prologue-132" class="post-132 post type-post status-publish format-standard hentry category-core"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=48&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D48&r=G" class="avatar avatar-48 photo" height="48" width="48"/> </a> <h4> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-01-08T15:43:22Z">3:43 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-132" class="postcontent"> <h2><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/">Ways to Organise the Accessibility Initiative </a></h2><p>Since the news that some WordPress teams are to be merged, I’ve been thinking (a lot) about this group might move forward. First off, I need to say that I do understand why it might be necessary to merge some groups. Too much fragmentation is as bad as an overly centralised system when trying to manage/coordinate work whilst also ensuring a constant trickle of new blood.</p> <p>But I don’t think merging is the answer for this group. Accessibility is too over-arching an area to work well if we try to split it down into separate groups. We’re likely to lose impetus with over-dilution, Plus we will loose the opportunity to attract assistive technology users who could, longer term, become a panel of expert testers. We actively need an ongoing dialogue between technical developers and non-technical users to help wordpress.org develop effective accessible solutions.</p> <p>So I feel that we need to stay as a separate group but with direct links into the other groups – possibly via designated lead developers.</p> <p>If that’s possible, then we’ll also need to work hard to coordinate and communicate the changes that are taking place — both in terms of what we’ve achieved and to highlight work in other groups where we might be able to contribute. To that end, I’m going to see if I can pull in feeds from some of the other groups to see if will help us to highlight areas where we need to get involved.</p> <p>If you’re already involved in discussions in other groups or in Trac, then please let us know what you are doing via a status update here. If you do not have posting privileges here, let me know and I’ll sort that out for you.</p> <p>In the meantime, if anyone has any other ideas of how we can ficus our efforts more effectively, then please chime in.</p> </div> <div class="discussion" style="display: none"> <p> <a href="https://web.archive.org/web/20130124101343/http://wpdaily.co/roundup-4/" rel="external nofollow" class="url">The WordPress Weekend Roundup - WP Daily</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=16&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a>, <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a>, and 4 others are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-132" class="commentlist inlinecomments"> <li id="comment-35831" class="comment byuser comment-author-sharonaustin even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/f29ca7b5a57981f3f44d2d8c4f971af8?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-08T15:52:16Z">3:52 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35831" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35831", "35831", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35831" class="commentcontent"><p>esmi, by all means, if there is a way that non-technical people such as myself could help with testing, please let us know. Accessibility is so crucial to making knowledge available to those without the privilege of health and wealth. </p> <p>The one idea I have for “focusing” attention on accessibility issues is unfortunately, to divide them up. It’s amazing to me how “different” the technology must be to address “different” accessibility needs–and I find that expertise in one area (e.g., blindness) does not lead to expertise in other areas (e.g., mobility issues)–so possibly breaking down groups by accessibility needs would help, I think.</p> <p>Also, I am stunned at some of the assistive technology available on iPads. Perhaps, if some attention could be given to making WordPress work on iPad technology, that alone would help many who depend on the technology.</p> <p>I also want to say, THANK YOU for what you do here. It matters.</p> <p>Best regards.</p> </div> </li> <li id="comment-35855" class="comment byuser comment-author-esmi bypostauthor odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-08T16:26:16Z">4:26 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35855" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35855", "35855", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35855" class="commentcontent"><p>Dividing issues up into areas based on “need” or technology tends to create as many problems as it solves, in my experience because the needs of one group can run counter to the other (visual impairment versus dyslexia immediately springs to mind). What is really needed are solutions that balance disparate needs without skewing towards any one group — including those without any special need. Those of us with a technical background in accessibility tend to approach any one situation by looking at it through “different eyes” so that we get a broad idea of what barriers exist for different groups and how to correct them without creating new ones in the process.</p> <p>With regards to how you can help — firstly, tell us about any specific problems you are facing. We try to identify problem areas but we undoubtedly miss some. So we need people like yourself to keep us on our toes and point out the problems.</p> <p>Secondly, if you are interested in joining an expert panel of testers, please contact me using esmi [at] quirm [dot] net. And thank you for your comments,</p> </div> </li> <li id="comment-35871" class="comment byuser comment-author-sharonaustin even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/f29ca7b5a57981f3f44d2d8c4f971af8?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> Nelson <span class="meta"> <abbr title="2013-01-08T16:52:50Z">4:52 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35871" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35871", "35871", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35871" class="commentcontent"><p>esmi, thank you for the rapid response.</p> <p>The problem is that I am trying to set up a website for a wide variety of users. It’s for a public institution, which fortunately, by law, requires accessibility, but means accessibility for all disabilities. </p> <p>The site expertise seems to be with blind users, but from the limited exposure I’ve had with testing, the blind user did not use the features we built into the site for the screen readers. The screen readers seem to rely on technology that is one generation behind–they haven’t caught up to HTML5 standards. This is fine, as I find that HTML5 standards aren’t widely supported by browsers yet and don’t really add anything to accessibility.</p> <p>He surprised us, and largely used simple HTML markup to navigate, which is why I’m so adamant about building site using old HTML markup standards h1, then h2, etc. and keeping it simple in terms of markup, CSS, and navigation. And, from what I understand, basic HTML markup is very friendly to assistive technology; it’s when people get fancy with the markup that assistive technology runs into problems. But the point is that if we keep the HTML clean, I think we’ve got the blind users covered.</p> <p>However, building a site for a public institution can’t just be about blind users. Although we haven’t yet had a user with mobility and/or physical restriction issues, I certainly expect such a user to come to the site. We’ve got a lot of wounded veterans out there who (hopefully) will take advantage of what the institution offers. </p> <p>I hope that helps. I will certainly contact you, and again, thankyou for all you do.</p> </div> </li> <li id="comment-35875" class="comment byuser comment-author-esmi bypostauthor odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-08T17:08:15Z">5:08 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35875" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35875", "35875", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35875" class="commentcontent"><p>“if we keep the HTML clean, I think we’ve got the blind users covered.”</p> <p>Yes. If you can go one step further and validate your markup, you’ll cover many of the issues faced by blind users. Also have a look at some of the articles on <a href="https://web.archive.org/web/20130124101343/http://accessites.org/site/category/articles/" rel="nofollow">accessites.org</a>. You should find them helpful in developing a balanced approach to a11y.</p> </div> </li> <li id="comment-35904" class="comment byuser comment-author-azaozz even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/4e84843ebff0918d72ade21c6ee7b1e4?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://profiles.wordpress.org/azaozz/" rel="external nofollow" class="url">Andrew Ozz</a> <span class="meta"> <abbr title="2013-01-08T20:29:32Z">8:29 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35904" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35904", "35904", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35904" class="commentcontent"><blockquote><p>I feel that we need to stay as a separate group but with direct links into the other groups…</p></blockquote> <p>Thinking so too. Accessibility is an integral part of the UI. However “getting it right” requires several different types of testing and feedback that are quite different from the “standard” UI and graphic design work.</p> <p>We shouldn’t be making any changes or creating new UI components without them being tested for accessibility. In that terms having the “expert panel of testers” is most important. The next thing would be to encourage users of assistive technology to report bugs and inconsistencies.</p> </div> </li> <li id="comment-35905" class="comment byuser comment-author-joedolson odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-01-08T20:43:28Z">8:43 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35905" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35905", "35905", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35905" class="commentcontent"><p>Right now, I’m focused on trying to get the accessibility-ready theme tag up and moving. I’m working on adding the appropriate checks to the theme-check plug-in, so that I can send those over when they’re ready. If anybody would like to help, that would be great.</p> </div> <ul class="children"> <li id="comment-35907" class="comment byuser comment-author-esmi bypostauthor even depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-08T20:53:04Z">8:53 pm <em>on</em> January 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35907" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35907", "35907", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35907" class="commentcontent"><p>Anything I can do to help, just holler..</p> </div> </li> </ul> </li> <li id="comment-35955" class="comment odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/9a0144538f841e53a121a00a1fe4c669?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a> <span class="meta"> <abbr title="2013-01-09T09:26:27Z">9:26 am <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35955" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35955", "35955", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35955" class="commentcontent"><p>On balance I think that accessibility should kept as a separate group. Although accessibility needs to become part of all the other groups too, having a separate group hopefully can allow us to keep a real cohesive focus.</p> <p>The challenge, I feel, is to convince enough of the core developers of WordPress to even think about accessibility when they are building the new bits of functionality into the core or updating existing parts. Look at the experience with Theme Customizer – it was just completely impossible to use without a mouse when developed. That was addressed in 3.5 as a result of a trac ticket, but that’s a poor way of ensuring accessibility of WordPress – retrofitting always is difficult and wastes time.</p> <p>How we get accessibility more mainstream within WordPress?</p> <p>Maybe by getting as much action going on within this forum as possible – including from people with disabilities/impairments who have not currently contributed. Would that help? Would some kind of WP accessibility mission statement help? I’d like to think so.</p> <p>Esmi, please can you give me the ability to post new discussions on this forum. Thanks.</p> <p>Graham</p> </div> <ul class="children"> <li id="comment-35971" class="comment byuser comment-author-esmi bypostauthor even depth-2"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://0.gravatar.com/avatar/0d9561ad86e233e23263cbbeaeb418cc?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-01-09T12:06:53Z">12:06 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35971" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35971", "35971", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35971" class="commentcontent"><blockquote><p>How we get accessibility more mainstream within WordPress?</p></blockquote> <p>We join as many relevant development, UI and core discussions as we can so that, with each change, we push for any accessibility changes needed and guard against new barriers being introduced. Sure – that may turn us into the proverbial bad pennies is some places but, if we prod people enough times, they may start starting thinking about accessibility before being prompted.</p> <blockquote><p>including from people with disabilities/impairments who have not currently contributed. Would that help?</p></blockquote> <p>Absolutely! We need feedback, ideas and comments from users with disabilities/impairments. Not technical points but more along the lines of “I use foo software and I find it really difficult/impossible to use bar on my site”. Give us areas that need improvement and we can take them to the people who make the changes. I’d also love to hear from anyone using assistive technology who would be interested in being part of a testing panel. I’m hoping to set up a contact form especially for this purpose shortly.</p> <blockquote><p> can you give me the ability to post new discussions</p></blockquote> <p>You now have full access. Sorry about that. I didn’t realise you weren’t in the list of users here.</p> </div> <ul class="children"> <li id="comment-35992" class="comment byuser comment-author-ceo odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130124101343im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G" class="avatar avatar-32 photo" height="32" width="32"/> <h4> <a href="https://web.archive.org/web/20130124101343/http://gentlewit.com/" rel="external nofollow" class="url">Cyndy Otty</a> <span class="meta"> <abbr title="2013-01-09T14:17:11Z">2:17 pm <em>on</em> January 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#comment-35992" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/2013/01/08/ways-to-organise-the-accessibility-initiative/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-35992", "35992", "respond", "132")">Reply</a> </span> </span> </h4> <div id="commentcontent-35992" class="commentcontent"><blockquote><p>I’d also love to hear from anyone using assistive technology who would be interested in being part of a testing panel.</p></blockquote> <p>I’m more than happy to help with testing stuff. And this is actually very key because much like everyone has their own computer set up (e.g., operating system, browser, etc.) so too are adaptive tech set ups and they all work differently, have their own issues, etc.</p> </div> </li> </ul> </li> </ul> </li> </li> </ul> </li> </ul> <div class="navigation"> <p class="nav-older"><a href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/page/2/">← Older posts</a></p> <p class="nav-newer"></p> </div> </div>  </div>  <div class="clear"></div> </div>  <div id="notify"></div> <div id="help"> <dl class="directions"> <dt>c</dt><dd>compose new post</dd> <dt>j</dt><dd>next post/next comment</dd> <dt>k</dt> <dd>previous post/previous comment</dd> <dt>r</dt> <dd>reply</dd> <dt>e</dt> <dd>edit</dd> <dt>o</dt> <dd>show/hide comments</dd> <dt>t</dt> <dd>go to top</dd> <dt>l</dt> <dd>go to login</dd> <dt>h</dt> <dd>show/hide help</dd> <dt>shift + esc</dt> <dd>cancel</dd> </dl> </div> <div id="footer"> <div class="wrapper"> <p> <a href="https://web.archive.org/web/20130124101343/http://wordpress.org/about/privacy/">Privacy</a> | <a href="https://web.archive.org/web/20130124101343/http://wordpress.org/about/license/">License / GPLv2</a>     See also: <a href="https://web.archive.org/web/20130124101343/http://wordpress.com/?ref=wporg-footer" title="Hassle-free WP hosting">Hosted WordPress.com</a> | <a href="https://web.archive.org/web/20130124101343/http://wordpress.tv/" title="Videos, tutorials, WordCamps">WordPress.TV Videos</a> | <a href="https://web.archive.org/web/20130124101343/http://central.wordcamp.org/" title="Find a WordPress event near your home">WordCamp Events</a> | <a href="https://web.archive.org/web/20130124101343/http://buddypress.org/" title="A set of plugins to transform your WordPress into a social network">BuddyPress Social Layer</a> | <a href="https://web.archive.org/web/20130124101343/http://bbpress.org/" title="Fast, slick forums built on WordPress">bbPress Forums</a> | <a href="https://web.archive.org/web/20130124101343/http://jobs.wordpress.net/" title="Find or post WordPress jobs">WP Jobs</a> | <a href="https://web.archive.org/web/20130124101343/http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a> </p> <br/> <iframe src="https://web.archive.org/web/20130124101343if_/http://www.facebook.com/plugins/like.php?app_id=121415197926116&href=http%3A%2F%2Fwww.facebook.com%2Fwordpress&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=lucida+grande&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowtransparency="true"></iframe>  <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://web.archive.org/web/20130124101343if_/http://platform.twitter.com/widgets/follow_button.html?screen_name=WordPress&show_count=false" style="width:150px; height:20px;"></iframe> <h6>Code is Poetry</h6> </div> </div> <script type="text/javascript">_qoptions={qacct:"p-18-mFEk4J448M"};</script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://edge.quantserve.com/quant.js"></script> <noscript><img src="https://web.archive.org/web/20130124101343im_/http://pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif" style="display: none;" border="0" height="1" width="1" alt=""/></noscript>  <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s.gravatar.com/js/gprofiles.js"></script> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://web.archive.org/web/20130124101343/https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <script type="text/javascript"> (function($){ $(document).ready(function() { $('#footer a').click(function() { if (this.href.indexOf('wordpress.org') == -1 && this.href.indexOf('http') == 0) { recordOutboundLink(this, 'Outbound Links', this.href); return false; } }); }); })(jQuery); </script> </body> </html> <script type="text/javascript"> /* <![CDATA[ */ jQuery( document ).ready( function( $ ) { function hideComments() { $('.commentlist').hide(); $('.discussion').show(); } function showComments() { $('.commentlist').show(); $('.discussion').hide(); } $( "#togglecomments" ).click( function() { if ( $( '.commentlist' ).css( 'display' ) == 'none' ) { showComments(); } else { hideComments(); } return false; }); }); /* ]]> */ </script><link rel="stylesheet" id="notes-admin-bar-rest-css" href="https://web.archive.org/web/20130124101343cs_/http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-rest.css?ver=2.0.2-201304" type="text/css" media="all"/> <link rel="stylesheet" id="noticons-css" href="https://web.archive.org/web/20130124101343cs_/http://s0.wp.com/i/noticons/noticons.css?ver=2.0.2-201304" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/admin-bar.min.js?ver=3.6-alpha-23334"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201304"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s1.wp.com/wp-content/js/mustache.js?ver=2.0.2-201304"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/underscore.min.js?ver=1.4.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-includes/js/backbone.min.js?ver=0.9.2"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s0.wp.com/wp-content/js/postmessage.js?ver=2.0.2-201304"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-content/plugins/jetpack/_inc/spin.js?ver=1.2.4"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://make.wordpress.org/accessibility/wp-content/plugins/jetpack/_inc/jquery.spin.js?ver=3.6-alpha-23334"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s0.wp.com/wp-content/mu-plugins/notes/notes-rest-common.js?ver=2.0.2-201304"></script> <script type="text/javascript" src="https://web.archive.org/web/20130124101343js_/http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-rest.js?ver=2.0.2-201304"></script> <script src="https://web.archive.org/web/20130124101343js_/http://stats.wordpress.com/e-201304.js" type="text/javascript"></script> <script type="text/javascript"> st_go({v:'ext',j:'1:2.0.2',blog:'29901991',post:'0'}); var load_cmc = function(){linktracker_init(29901991,0,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <div id="wpadminbar" class="nojq nojs" role="navigation"> <a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0"> <ul id="wp-admin-bar-root-default" class="ab-top-menu"> <li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" aria-haspopup="true" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu"> <li id="wp-admin-bar-wporg"><a class="ab-item" href="https://web.archive.org/web/20130124101343/http://wordpress.org/">WordPress.org</a> </li> <li id="wp-admin-bar-documentation"><a class="ab-item" href="https://web.archive.org/web/20130124101343/http://codex.wordpress.org/">Documentation</a> </li> <li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/">Support Forums</a> </li> <li id="wp-admin-bar-feedback"><a class="ab-item" href="https://web.archive.org/web/20130124101343/http://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li></ul></div> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu"> <li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150"/><input type="submit" class="adminbar-button" value="Search"/></form></div> </li> <li id="wp-admin-bar-log-in"><a class="ab-item" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-login.php">Log In</a> </li> <li id="wp-admin-bar-notes" class="menupop"><div class="ab-item ab-empty-item"><span id="wpnt-notes-unread-count" class="wpnt-loading wpn-read"> <span class="noticon noticon-notification"/></span> </span></div><div id="wpnt-notes-panel" style="display:none"><div class="wpnt-notes-panel-header"><span class="wpnt-notes-header">Notifications</span><span class="wpnt-notes-panel-link"></span></div></div> </li></ul> </div> <a class="screen-reader-shortcut" href="https://web.archive.org/web/20130124101343/http://make.wordpress.org/accessibility/wp-login.php?action=logout&_wpnonce=d724dce460">Log Out</a> </div> </body> </html>