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:80/accessibility/?","20130320053253","https://web.archive.org/","web","/_static/", "1363757573"); </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 « Equal Access For All Make WordPress Accessible</title> <link rel="stylesheet" href="https://web.archive.org/web/20130320053253cs_/http://s.wordpress.org/style/wp4.css?28"/> <link media="only screen and (max-device-width: 480px)" href="https://web.archive.org/web/20130320053253cs_/http://s.wordpress.org/style/iphone.css" type="text/css" rel="stylesheet"/> <link rel="shortcut icon" href="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/feed/"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20130320053253/https://ssl." : "https://web.archive.org/web/20130320053253/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/20130320053253cs_/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/20130320053253/http://make.wordpress.org/accessibility/wp-admin/admin-ajax.php?p2ajax=true"; var updateRate = "30000"; // 30 seconds var nonce = "4bcb565234"; var login_url = "https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Faccessibility%2F%3F"; var templateDir = "https://web.archive.org/web/20130320053253/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/20130320053253/http://make.wordpress.org/accessibility"; var rssUrl = ""; var pageLoadTime = "2013-03-20 05:32:50"; 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/20130320053253/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/20130320053253/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/20130320053253cs_/http://make.wordpress.org/accessibility/wp-includes/css/admin-bar.min.css?ver=3.6-alpha-23754" type="text/css" media="all"/> <link rel="stylesheet" id="jetpack-widgets-css" href="https://web.archive.org/web/20130320053253cs_/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-css" href="https://web.archive.org/web/20130320053253cs_/http://make.wordpress.org/accessibility/wp-content/themes/make-p2/style.css?ver=3.6-alpha-23754" type="text/css" media="all"/> <link rel="stylesheet" id="p2-print-style-css" href="https://web.archive.org/web/20130320053253cs_/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/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/jquery/jquery.js?ver=1.9.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/jquery/jquery-migrate.js?ver=1.1.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/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":"1363757570"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/utils.min.js?ver=3.6-alpha-23754"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/comment-reply.min.js?ver=3.6-alpha-23754"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/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/20130320053253js_/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/20130320053253js_/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/20130320053253js_/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-23754"/> <link rel="shortlink" href="https://web.archive.org/web/20130320053253/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/20130320053253/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 id="p2-header-style" type="text/css"> </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> <meta id="syntaxhighlighteranchor" name="syntaxhighlighter-version" content="3.1.5"/> <script type="text/javascript"> /* <![CDATA[ */ var wpNotesIsJetpackClient = true; /* ]]> */ </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="//web.archive.org/web/20130320053253/http://wordpress.org/">WordPress.org</a></h1> <form action="https://web.archive.org/web/20130320053253/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/20130320053253/http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a></li> <li><a href="https://web.archive.org/web/20130320053253/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/20130320053253/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/20130320053253/http://wordpress.org/extend/mobile/" title="Take your website on the go!">Mobile</a></li> <li><a href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/" title="Forums, documentation, help.">Support</a><ul class="nav-submenu"><li><a href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/" title="Support and discussion forums.">Forums</a></li><li><a href="https://web.archive.org/web/20130320053253/http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Docs</a></li></ul></li> <li><a href="https://web.archive.org/web/20130320053253/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/20130320053253/http://make.wordpress.org/core/" title="Write the code.">Core</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/ui/" title="Improve the interface.">UI</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/" title="Create a better experience.">Accessibility</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/plugins/" title="Extend the system.">Plugins</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/themes/" title="Beautify the web.">Themes</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/support/" title="Help the users.">Support</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/polyglots/" title="Translate for the world.">Polyglots</a></li><li><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/mobile/" title="On the go.">Mobile</a></li></ul></li> <li><a href="https://web.archive.org/web/20130320053253/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/20130320053253/http://wordpress.org/news/" title="Come here for the latest scoop.">Blog</a></li> <li><a href="https://web.archive.org/web/20130320053253/http://wordpress.org/hosting/" title="Find a home for your blog.">Hosting</a></li> <li id="download"><a href="https://web.archive.org/web/20130320053253/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/20130320053253/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 .</p> <p>Follow us on <a href="https://web.archive.org/web/20130320053253/https://twitter.com/WPAccessibility">@WPAccessibility</a></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" class="searchform" action="https://web.archive.org/web/20130320053253/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-350"><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/contact-us/">Contact Us</a></li> <li class="page_item page-item-267"><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/join-us/">Join Us!</a></li> <li class="page_item page-item-62"><a href="https://web.archive.org/web/20130320053253/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/20130320053253/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/20130320053253/http://make.wordpress.org/accessibility/wp-accessibility-plugin/">WP Accessibility Plugin</a></li> </ul> </li> <li id="text-7" class="widget widget_text"><h2 class="widgettitle">Weekly IRC Chat</h2> <div class="textwidget"><h3>Where: #wordpress-ui</h3> <h3>When: Wednesdays, <a href="https://web.archive.org/web/20130320053253/http://www.timeanddate.com/worldclock/fixedtime.html?hour=20&min=00&sec=0p1=0">2000 UTC</a></h3> <ul> <li><a href="https://web.archive.org/web/20130320053253/http://www.worldtimeserver.com/current_time_in_UTC.aspx">Local time zone conversion</a></li> <li><a href="https://web.archive.org/web/20130320053253/http://codex.wordpress.org/IRC">Accessing WordPress <abbr title="Internet Relay Chat">IRC</abbr></a></li> <li><a href="https://web.archive.org/web/20130320053253/https://irclogs.wordpress.org/chanlog.php?channel=wordpress-ui">IRC Logs</a></li> </ul> </div> </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 171 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/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/" title="Theme accessibility audit guidelines update">Theme accessibility audit guidelines update</a> </li> <li> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/" title="Accessible Dialogs and Popups">Accessible Dialogs and Popups</a> </li> <li> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/" title="WordPress 3.6 alpha Testers">WordPress 3.6 alpha Testers</a> </li> <li> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/14/irc-meeting-march-13-2013/" title="IRC Meeting: March 13, 2013">IRC Meeting: March 13, 2013</a> </li> <li> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/" title="If anybody has a chance to take a…">If anybody has a chance to take a…</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/20130320053253/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a> on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#comment-56764">WordPress 3.6 alpha Testers</a></li><li class="recentcomments"><a href="https://web.archive.org/web/20130320053253/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#comment-56579">Theme accessibility audit guidelines update</a></li><li class="recentcomments"><a href="https://web.archive.org/web/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#comment-56571">Theme accessibility audit guidelines update</a></li><li class="recentcomments">_Redd on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#comment-56569">Theme accessibility audit guidelines update</a></li><li class="recentcomments"><a href="https://web.archive.org/web/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#comment-56515">Accessible Dialogs and Popups</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/20130320053253/http://make.wordpress.org/accessibility/feed/" title="Subscribe to Posts">RSS - Posts</a></li><li><a href="https://web.archive.org/web/20130320053253/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/20130320053253/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/20130320053253/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/20130320053253/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/20130320053253/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/20130320053253/http://make.wordpress.org/core/feed/" title="Syndicate this content"><img style="border:0" width="14" height="14" src="https://web.archive.org/web/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core" title="WordPress Development Updates">Core Development</a></h2> <ul><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core/2013/03/19/twenty-thirteen-project-update-march-19-2013/" title="We’re in great shape to get to beta. Here is what we’re working on right now. Blocking older installs Tracked in #23819 — since Twenty Thirteen is 3.6+ only, older installs could see errors. We’d like to come up with a graceful way to not allow older versions of WordPress to install and run Twenty […]">Twenty Thirteen project update, March 19, 2013</a> <span class="rss-date">March 19, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core/2013/03/19/gsoc-2013/" title="It’s time for us to apply for GSoC 2013 if we want to participate. I can take care of the application, but will need everyone’s help in producing the project ideas and mentor sections. “Why didn’t we get accepted last year?” We didn’t get accepted last year because our Ideas page wasn’t as good as […]">GSoC 2013</a> <span class="rss-date">March 19, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core/2013/03/15/post-formats-ui-update-314/" title="As noted in The Road to 3.6 Beta 1, we’ve got quite a bit going on for post formats. Many of the tickets are in need of testing (including unit tests) and then a commit. As always, there are a few different fronts: UI/administration, data, and parsing. Here’s where we are with each, and what […]">Post Formats UI Update, 3/14</a> <span class="rss-date">March 15, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core/2013/03/13/the-road-to-3-6-beta-1/" title="Our original schedule had us hitting beta 1 today, March 13th. We’re not quite there. Beta should mean that we’re feature complete, and we’re not. We could do what we’ve done in the past, and declare a beta, while continuing to do feature work, but that just devalues the meaning of “beta”. I want people […]">The Road to 3.6 Beta 1</a> <span class="rss-date">March 13, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core/2013/03/12/twenty-thirteen-project-update-march-12-2013/" title="This week we are closing as many open issues as possible to prepare for code freeze. Blockers Here are the current blockers to getting to a code freeze tomorrow, as scheduled: Post formats: #23619 #23620 #23621 — waiting on the core functionality to be committed before we can change the theme code (images, videos, galleries, […]">Twenty Thirteen project update, March 12 2013</a> <span class="rss-date">March 12, 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/20130320053253/http://make.wordpress.org/ui/feed/" title="Syndicate this content"><img style="border:0" width="14" height="14" src="https://web.archive.org/web/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20130320053253/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/20130320053253/http://make.wordpress.org/ui/2013/03/15/mp6-version-0-3/" title="Thank goodness it’s Friday! Because Friday means it’s time for an update to MP6. As we’ve mentioned before, this is not intended for the general public, just for savvy WordPress enthusiasts eager to preview or contribute to a re-imagination of our collective home, wp-admin. On Monday we met on IRC in #wordpress-ui to discuss feedback on last week’s […]">MP6 version 0.3</a> <span class="rss-date">March 15, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/ui/2013/03/12/we-decided-to-test-bringing-the-theme-locations/" title="We decided to test bringing the theme locations back out as a meta box (instead of using checkboxes) to figure out if the old layout would work for users. For this test, I removed theme locations as checkboxes, and added the theme locations metabox back in. I also moved the “Automatically add new top-level pages […]">We decided to test bringing the theme locations…</a> <span class="rss-date">March 12, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/ui/2013/03/09/as-a-continuation-of-the-work-begun-in/" title="As a continuation of the work begun in core for 3.6, I’d like to present you with the first iteration of the MP6 plugin. (Contents may have shifted or settled in shipping.) As it says on the tin, this is not intended for the general public, just for savvy WordPress enthusiasts eager to preview or […]">As a continuation of the work begun in…</a> <span class="rss-date">March 9, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/ui/2013/03/07/heres-the-last-round-of-menus-usability-tests/" title="Here’s the last round of menus usability tests with 23450.6.diff applied. User #15 Here’s the video. Step 1: Log in No issues. Step 2: Go to menus No issues. Step 3: Reorganize pages No issues. Step 4: Preview changes No issues. Step 5: Remove menu item No issues. Step 6: Add another menu No issues. […]">Here’s the last round of menus usability tests…</a> <span class="rss-date">March 7, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/ui/2013/02/26/icon-feedback/" title="I’d like to kick off another round of icon feedback, this time with several constraints. If you have any concerns with the flat icons currently in trunk, now is your time to speak up. A few rules for this exercise: DO’s: Please be constructive. Each icon has a letter assigned to it, if you’ve got […]">Icon feedback</a> <span class="rss-date">February 26, 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/20130320053253/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/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20130320053253/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/20130320053253/http://wordpress.org/support/topic/how-to-disable-currently-selected-item-in-a-horizontal-menu#post-3982285" title="Hello, The website is at http://www.saf-org.no TJ […]">TJB on "How to disable currently selected item in a horizontal menu?"</a> <span class="rss-date">March 17, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/topic/how-to-disable-currently-selected-item-in-a-horizontal-menu#post-3982259" title="How about a pattern instead of colour as we're talking about accessibility? If you're looking for technical recommendations, you'll need to link the website you're referring to. […]">Andrew Nevins on "How to disable currently selected item in a horizontal menu?"</a> <span class="rss-date">March 17, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/topic/how-to-disable-currently-selected-item-in-a-horizontal-menu#post-3982214" title="Hello, I am running a website for a small organization of blind and partially sighted students and academics here in Norway. We are in the process of upgrading our website. In that process, we want to take steps to ensure that the accessibility is as good as possible. The website is using a horizontal menu in one level to avoid dropdowns. I have considered t […]">TJB on "How to disable currently selected item in a horizontal menu?"</a> <span class="rss-date">March 16, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/topic/accessibility-regarding-the-reordering-of-main-navigation-menu#post-3973986" title="Well, you'll be pleased to hear that there is a lot of new work being done to provide an accessibility option for Custom Menus in 3.6. We don't think it's quite perfect yet but it's definitely a big improvement. Once 3.6 is out, we'd love your feedback on the new changes so that we can continue to enhance them. […]">esmi on "Accessibility Regarding the Reordering of Main Navigation Menu"</a> <span class="rss-date">March 14, 2013</span></li><li><a class="rsswidget" href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/topic/accessibility-regarding-the-reordering-of-main-navigation-menu#post-3956326" title="@ Esmi: My profuse apologies for taking so long to respond to your note. Yes, I whole-heartedly think that something similar to the accessibility options found in Appearance - Widgets section for reordering menus would work very well. Overall, I'm really quite happy with the accessibility to be found with WordPress as a CMS, so if this could be rectifie […]">LotusDreamer on "Accessibility Regarding the Reordering of Main Navigation Menu"</a> <span class="rss-date">March 10, 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-395" class="post-395 post type-post status-publish format-standard hentry category-themes tag-audit tag-theme"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/joedolson/" title="Posts by Joe Dolson ( @joedolson )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?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/20130320053253/http://make.wordpress.org/accessibility/author/joedolson/" title="Posts by Joe Dolson ( @joedolson )">Joe Dolson</a> <span class="meta"> <abbr title="2013-03-19T15:15:56Z">3:15 pm <em>on</em> March 19, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#respond" onclick="return addComment.moveForm("comments-395", "0", "respond", "395")">Reply</a> </span> <span class="tags"> <br/>Tags: audit, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/theme/" rel="tag">theme ( 7 )</a>    </span> </span> </h4> <div id="content-395" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/">Theme accessibility audit guidelines update </a></h2><p>Hey, all. I’ve updated the theme auditing guidelines and they have now been added to the <a href="https://web.archive.org/web/20130320053253/http://codex.wordpress.org/Theme_Review#Accessibility">theme reviewer’s documentation</a>. Take a look at the requirements for the #accessibility-ready theme tag and comment back here with any suggestions or changes.</p> <p>Note that these guidelines are in addition to the rest of the theme guidelines, and there are many quality guidelines already established that don’t need to be part of the accessibility audit.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?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/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a>, and <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> _Redd are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-395" class="commentlist inlinecomments"> <li id="comment-56569" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-19T17:49:46Z">5:49 pm <em>on</em> March 19, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#comment-56569" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56569", "56569", "respond", "395")">Reply</a> </span> </span> </h4> <div id="commentcontent-56569" class="commentcontent"><p>You ROCK! As do these guidelines!</p> <p>Do you think a requirement to have controls for audio, video be included in the guidelines?</p> </div> </li> <li id="comment-56571" class="comment byuser comment-author-joedolson bypostauthor odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-03-19T17:55:52Z">5:55 pm <em>on</em> March 19, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#comment-56571" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56571", "56571", "respond", "395")">Reply</a> </span> </span> </h4> <div id="commentcontent-56571" class="commentcontent"><p>I’ll be honest, I find it extremely unlikely that a theme that had autoplaying video or audio with no controls available would ever be accepted to the theme directory. It’s also possible that including any kind of video/audio player crosses the Presentation/Functionality guideline, and wouldn’t be allowed regardless. I’ll check on that.</p> </div> </li> <li id="comment-56579" class="comment byuser comment-author-grahamarmfield even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.coolfields.co.uk/" rel="external nofollow" class="url">GrahamArmfield</a> <span class="meta"> <abbr title="2013-03-19T18:32:44Z">6:32 pm <em>on</em> March 19, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#comment-56579" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/19/theme-accessibility-audit-guidelines-update/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56579", "56579", "respond", "395")">Reply</a> </span> </span> </h4> <div id="commentcontent-56579" class="commentcontent"><p>Nice piece of work Joe.</p> <p>I have a couple of comments:</p> <ol> <li>Re colour contrast… Would it be appropriate to reference a Colour Contrast Analyzer tool here? The contrast algorhythms are fairly complex and a tool such as the one from the <a href="https://web.archive.org/web/20130320053253/http://www.paciellogroup.com/resources/contrastAnalyser" rel="nofollow">Paciello Group</a> is very easy to use.</li> <li>I’d say there are some situations where tabindex=0 would be allowed.</li> </ol> <p>Hope that helps.</p> </div> </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/20130320053253/http://make.wordpress.org/accessibility/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20130320053253/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="395" 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="4c0bb114a7"/></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-391" class="post-391 post type-post status-publish format-standard hentry category-working-group tag-core-2 tag-dialogs tag-popups tag-ui"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/grahamarmfield/" title="Posts by GrahamArmfield ( @grahamarmfield )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/grahamarmfield/" title="Posts by GrahamArmfield ( @grahamarmfield )">GrahamArmfield</a> <span class="meta"> <abbr title="2013-03-18T10:52:22Z">10:52 am <em>on</em> March 18, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#respond" onclick="return addComment.moveForm("comments-391", "0", "respond", "391")">Reply</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/core-2/" rel="tag">core ( 10 )</a>, dialogs, popups, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/ui/" rel="tag">ui ( 2 )</a>    </span> </span> </h4> <div id="content-391" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/">Accessible Dialogs and Popups </a></h2><p>It seems there are an increasing number of areas where dialogs or popup panels are used to alert the user about occurrences and perhaps demand some action from them. Examples include the Autosave and Post Locking dialogs<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23697"> #23697</a> and Login Expiration<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23295"> #23295</a> – as pointed out by Joe Dolson.</p> <p>Within<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23697"> #23697</a> @azaozz responded to some comments of mine re accessibility by asking “Is there anything else we should be doing to make these dialogs better?”</p> <p>My response to him was:</p> <ol> <li>When the dialog opens, keyboard focus must be transferred into a meaningful object within the dialog – suggest a heading that explains purpose of dialog. This item can be given tabindex=0 to allow it to receive focus both by scripting and tabbing.</li> <li>The purpose of the dialog should always be visible.</li> <li>Whilst the dialog is open, functionality will be needed to tidily cope with users tabbing beyond the controls/buttons in the dialog, or reverse tabbing before the entry point. Tabbing can either cycle within dialog if it’s important that user responds, or that tabbing outside confines of dialog closes the dialog.</li> <li>Whenever dialog is closed, keyboard focus should be returned to somewhere sensible – maybe the link/button that opened dialog in the first place, or to top of a new page if one is opened.</li> </ol> <p>Does that sum it up, or is there more that could be added to that list?</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?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/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/a74ce5ef49838f591b3591851227fe38?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> gogreener, <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/4e84843ebff0918d72ade21c6ee7b1e4?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/20130320053253/http://profiles.wordpress.org/azaozz/" rel="external nofollow" class="url">Andrew Ozz</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-391" class="commentlist inlinecomments"> <li id="comment-56107" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-18T11:50:49Z">11:50 am <em>on</em> March 18, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#comment-56107" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56107", "56107", "respond", "391")">Reply</a> </span> </span> </h4> <div id="commentcontent-56107" class="commentcontent"><p>Graham, please excuse my ignorance on this, but regarding <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23295" rel="nofollow">Ticket</a><a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23295"> #23295</a>, there is a reference to using an iframe as a solution.</p> <blockquote><p>To work around that we can use an XHR instead of having an iframe (XHRs can be used to set cookies). Another technique is to create an iframe then submit a<br/> <form> with target=”iframe-name”. </form> </blockquote> <p>It’s my understanding that iframes create problems for, at a minimum, screen readers…..</p> <p>1. Is the assumption that an iframe creates problems for assistive technology a correct one?<br/> 2. Can an iframe be tweaked so that it is “friendly” to assistive technology?<br/> 3. If so, is that “tweak” part of the solution referenced in the ticket?<br/> 4. If not, is this significant enough to recommend against the iframe solution?</p> <p>Thanks for EVERYTHING</p> </div> </li> <li id="comment-56120" class="comment byuser comment-author-toscho odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/e2fe56c959752e5a5b6e2635fa9fb0d1?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/20130320053253/http://profiles.wordpress.org/users/toscho/" rel="external nofollow" class="url">toscho</a> <span class="meta"> <abbr title="2013-03-18T13:00:19Z">1:00 pm <em>on</em> March 18, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#comment-56120" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56120", "56120", "respond", "391")">Reply</a> </span> </span> </h4> <div id="commentcontent-56120" class="commentcontent"><p>Every (pseudo-)popup must close when the user hits ESC.</p> </div> <ul class="children"> <li id="comment-56264" class="comment byuser comment-author-azaozz even depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://profiles.wordpress.org/azaozz/" rel="external nofollow" class="url">Andrew Ozz</a> <span class="meta"> <abbr title="2013-03-18T22:56:14Z">10:56 pm <em>on</em> March 18, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#comment-56264" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56264", "56264", "respond", "391")">Reply</a> </span> </span> </h4> <div id="commentcontent-56264" class="commentcontent"><p>In this particular case the “popup” warnings/dialogs cannot be closed without making a choice/selecting an action. For the “post lock taken over” dialog there is only one action possible (for now?) but it shouldn’t be triggered by escape imho.</p> <p>All three warning dialogs (post locked, post lock taken over, login expired) are modal as the user is required to make a choice or perform an action. They don’t have a “Cancel” option.</p> </div> <ul class="children"> <li id="comment-56515" class="comment byuser comment-author-joedolson odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-03-19T15:05:54Z">3:05 pm <em>on</em> March 19, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#comment-56515" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56515", "56515", "respond", "391")">Reply</a> </span> </span> </h4> <div id="commentcontent-56515" class="commentcontent"><p>I agree that these options shouldn’t be avoidable; adding a method to avoid the decision would not help anybody. That’s not an accessibility issue, it’s a workflow issue, and the workflow requires that the user receives information about the change of state in the application and makes a conscious decision what to do about it.</p> <p>But, for any modal contexts that can be avoided, being able to close via the esc key is a standard key mapping and should be available, certainly.</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-56286" class="comment byuser comment-author-gogreener even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/a74ce5ef49838f591b3591851227fe38?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> gogreener <span class="meta"> <abbr title="2013-03-19T02:23:33Z">2:23 am <em>on</em> March 19, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#comment-56286" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/18/accessible-dialogs-and-popups/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56286", "56286", "respond", "391")">Reply</a> </span> </span> </h4> <div id="commentcontent-56286" class="commentcontent"><p>Not an essential feature, but a “nice-to-have” one: any image-links used to close the popup could have alt text of “Return to [page/section name]” or similar, instead of “Close”. Close is not as meaningful if you weren’t aware that anything had opened, while “return to…” makes more sense when you’ve temporarily stepped out of the normal task flow.</p> </div> </li> </ul> </li> <li id="prologue-381" class="post-381 post type-post status-publish format-standard hentry category-offsite-articles category-user-testing tag-3-6 tag-core-2 tag-ui"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-03-15T20:40:32Z">8:40 pm <em>on</em> March 15, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#respond" onclick="return addComment.moveForm("comments-381", "0", "respond", "381")">Reply</a> </span> <span class="tags"> <br/>Tags: 3.6, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/core-2/" rel="tag">core ( 10 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/ui/" rel="tag">ui ( 2 )</a>    </span> </span> </h4> <div id="content-381" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/">WordPress 3.6 alpha Testers </a></h2><p>You might want to consider installing the <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/ui/2013/03/15/mp6-version-0-3/">MP6 plugin</a> to get a sneak preview of the new user interface. Thus far, I’ve noted 3 areas of concern:</p> <ol> <li>The contrast on “Collapse Menu” needs to be pushed up a little to <code>#888</code></li> <li>Post revision comparisons. Not sure I’m comfortable with red-on-red and green-on-green. At present, the contrasts are <strong>way</strong> too low at 2.7:1 (heck — even I’m having problems reading the texts).</li> <li>Ditto the text for <em>inactive</em> plugins on the Plugins page with only a contrast ratio of 2.8:1. And absolutely no way to “highlight” (increase the contrast) on the text without a mouse.</li> </ol> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?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/20130320053253/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> _Redd, and 1 other are discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-381" class="commentlist inlinecomments"> <li id="comment-55665" class="comment byuser comment-author-jenmylo even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/84987b436214f52ec0b04cd1f8a73c3c?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/20130320053253/http://profiles.wordpress.org/users/jane/" rel="external nofollow" class="url">Jen Mylo</a> <span class="meta"> <abbr title="2013-03-16T14:15:05Z">2:15 pm <em>on</em> March 16, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#comment-55665" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-55665", "55665", "respond", "381")">Reply</a> </span> </span> </h4> <div id="commentcontent-55665" class="commentcontent"><p>Can you make trac tickets for each of these?</p> </div> <ul class="children"> <li id="comment-56179" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-18T17:39:22Z">5:39 pm <em>on</em> March 18, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#comment-56179" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56179", "56179", "respond", "381")">Reply</a> </span> </span> </h4> <div id="commentcontent-56179" class="commentcontent"><p>Done. Tickets<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23809"> #23809</a>,<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23810"> #23810</a> and<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23812"> #23812</a> created.</p> </div> </li> <li id="comment-56764" class="comment byuser comment-author-helen even depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/6506162ada6b700b151ad8a187f65842?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/20130320053253/http://helen.wordpress.com/" rel="external nofollow" class="url">Helen Hou-Sandi</a> <span class="meta"> <abbr title="2013-03-20T03:29:53Z">3:29 am <em>on</em> March 20, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#comment-56764" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56764", "56764", "respond", "381")">Reply</a> </span> </span> </h4> <div id="commentcontent-56764" class="commentcontent"><p>I don’t think Trac is the right place for things specific to MP6 as a plugin – it’s not in core, and it’s not being developed with 3.6 in mind. It’s a little distracting, I don’t think MT/other contributors are looking for feedback there, and we can’t really say that something got fixed against a given milestone. I’d say stick to their office hours or Make UI for now.</p> </div> </li> </ul> </li> <li id="comment-55838" class="comment odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-17T16:45:27Z">4:45 pm <em>on</em> March 17, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#comment-55838" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-55838", "55838", "respond", "381")">Reply</a> </span> </span> </h4> <div id="commentcontent-55838" class="commentcontent"><p>With my limited understanding of accessibility issues, there’s much for me to explore, but as someone with some training in Art, I can say that, in terms of visually “signaling” that this part of the screen has a different functionality from the rest of it, this is an exponential improvement. I hope we can keep this.</p> </div> <ul class="children"> <li id="comment-55855" class="comment even depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-17T19:34:06Z">7:34 pm <em>on</em> March 17, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#comment-55855" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/15/wordpress-3-6-alpha-testers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-55855", "55855", "respond", "381")">Reply</a> </span> </span> </h4> <div id="commentcontent-55855" class="commentcontent"><p>…sorry, the point above to mean, I think this will help those with cognitive disabilities……as far as the application towards those with other disabilities, I am still investigating.</p> </div> </li> </ul> </li> </ul> </li> <li id="prologue-374" class="post-374 post type-post status-publish format-standard hentry category-working-group tag-comment-form tag-meetup tag-menus tag-trac-2"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-03-14T15:02:07Z">3:02 pm <em>on</em> March 14, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/14/irc-meeting-march-13-2013/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/14/irc-meeting-march-13-2013/#respond" onclick="return addComment.moveForm("comments-374", "0", "respond", "374")">Reply</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/comment-form/" rel="tag">comment form ( 2 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/meetup/" rel="tag">meetup ( 9 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/menus/" rel="tag">menus ( 6 )</a>, trac    </span> </span> </h4> <div id="content-374" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/14/irc-meeting-march-13-2013/">IRC Meeting: March 13, 2013 </a></h2><p>We had a little mix-up with the meeting time this week, due to the change to Daylight Savings Time in the <abbr title="United States">US</abbr>, so this meeting report may be a little shorter than usual.</p> <p>However, the weekly meetup time remains at 20:00 <abbr title="Universal Time Coordinated">UTC</abbr> until the end of the month — when we may review and adjust it. Remember that you can convert <abbr title="Universal Time Coordinated">UTC</abbr> time to your local time at <a href="https://web.archive.org/web/20130320053253/http://www.worldtimeserver.com/current_time_in_UTC.aspx">Worldtimeserver.com</a>.</p> <p> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/14/irc-meeting-march-13-2013/#more-374" class="more-link">(More …)</a></p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-374" class="commentlist inlinecomments"> </ul> </li> <li id="prologue-367" class="post-367 post type-post status-publish format-status hentry category-working-group"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/joedolson/" title="Posts by Joe Dolson ( @joedolson )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/ee77adf6adc6fe90b388f97b0bd912b2?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/20130320053253/http://make.wordpress.org/accessibility/author/joedolson/" title="Posts by Joe Dolson ( @joedolson )">Joe Dolson</a> <span class="meta"> <abbr title="2013-03-09T14:52:07Z">2:52 pm <em>on</em> March 9, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/#respond" onclick="return addComment.moveForm("comments-367", "0", "respond", "367")">Reply</a> </span> <span class="tags">   </span> </span> </h4> <div id="content-367" class="postcontent"> <p>If anybody has a chance to take a look at the progress on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/core/2013/03/06/autosave-and-post-locking-35/">autosave and post locking</a> that would be valuable – I have some concerns about whether the context changes when sessions have expired will be announced, but haven’t had time to test it at all. <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23295">Ticket 23295</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a> and <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/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-367" class="commentlist inlinecomments"> <li id="comment-55129" class="comment byuser comment-author-esmi even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-14T14:11:30Z">2:11 pm <em>on</em> March 14, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/#comment-55129" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-55129", "55129", "respond", "367")">Reply</a> </span> </span> </h4> <div id="commentcontent-55129" class="commentcontent"><p>Just lodged a general note of concern on the ticket. We really do need to test this out with our screen reader users.</p> </div> </li> <li id="comment-55610" class="comment odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.coolfields.co.uk/" rel="external nofollow" class="url">Graham Armfield</a> <span class="meta"> <abbr title="2013-03-16T07:01:28Z">7:01 am <em>on</em> March 16, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/#comment-55610" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/09/if-anybody-has-a-chance-to-take-a/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-55610", "55610", "respond", "367")">Reply</a> </span> </span> </h4> <div id="commentcontent-55610" class="commentcontent"><p>I have made some comments on<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23697"> #23697</a> (Check and refresh post locks with heartbeat) also. There’s a proposal for a couple popup to be generated where locking conflict is occurring. I have asked @azaozz to confirm that focus will be moved into any popup that gets generated, and that focus goes somewhere sensible when a button is actioned.</p> </div> </li> </ul> </li> <li id="prologue-363" class="post-363 post type-post status-publish format-standard hentry category-offsite-articles category-working-group tag-documention tag-theme"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-03-08T12:14:09Z">12:14 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" onclick="return addComment.moveForm("comments-363", "0", "respond", "363")">Reply</a> </span> <span class="tags"> <br/>Tags: documention, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/theme/" rel="tag">theme ( 7 )</a>    </span> </span> </h4> <div id="content-363" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/">Accessibility for Theme Developers: First Draft Complete </a></h2><p>I think I’ve finally finished! *gasp* Thank you to everyone who provided earlier feedback and jogged my memory.</p> <p>Is there anything on the <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/docs/theme-developer-handbook/theme-functionality/accessibility/">completed page</a> I need to re-word or explain in more detail?</p> <p>As previously, please post all feedback here rather than on the draft page itself.</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.rrwd.nl/" rel="external nofollow" class="url">Rian Rietveld</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/dd931f262247c71693d5387e970c8c47?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/20130320053253/http://post-scriptum.info/" rel="external nofollow" class="url">fingli</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-363" class="commentlist inlinecomments"> <li id="comment-54151" class="comment byuser comment-author-dane-morgan even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/1933c25d0b19ab908666e6296591d6e3?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/20130320053253/http://danemorgan.com/" rel="external nofollow" class="url">Dane Morgan</a> <span class="meta"> <abbr title="2013-03-08T16:21:07Z">4:21 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54151" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54151", "54151", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54151" class="commentcontent"><p>that content must:</p> <p>needs a ‘be’. Also with a list that each part concludes a thought, no : is required, use periods at the end of each item title to tie them to the beginning clause.</p> </div> </li> <li id="comment-54157" class="comment byuser comment-author-mrwweb odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/1d4925cfe7b4025037be5038af7d4292?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/20130320053253/http://www.mrwweb.com/" rel="external nofollow" class="url">mrwweb</a> <span class="meta"> <abbr title="2013-03-08T16:46:39Z">4:46 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54157" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54157", "54157", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54157" class="commentcontent"><p>This is a really great resource! Thanks <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/mentions/esmi/" class="mention">@esmi</a>.</p> <p>A few thoughts:</p> <p>1. Maybe I’ve been doing this wrong forever, but it seems that the “good read more” code snippet could be simplified a bit:<br/> <?php printf( __('<span>%1$s</span> – read more’, ‘theme_text_domain’), get_the_title() );?><br/> I also wonder if <a href="https://web.archive.org/web/20130320053253/http://www.w3.org/TR/WCAG20-TECHS/C7.html" rel="nofollow">this technique</a> deserves mention. It’s weird but I’m planning on using it in future themes I build.</p> <p>2. There’s no mention of motion issues. Almost every slider I see these days has accessibility issues including slides advancing too quickly, text embedded in images without alt text, no keyboard navigation, no play/pause button provided, etc.. I wonder if those issues, particularly speed/motion,deserve mention.</p> <p>3. This could take people down a wormhole, but I wonder if citing appropriate WCAG standards might add a bit of muscle to the points.</p> </div> </li> <li id="comment-54172" class="comment byuser comment-author-esmi bypostauthor even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-08T18:09:27Z">6:09 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54172" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54172", "54172", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54172" class="commentcontent"><blockquote><p>it seems that the “good read more” code snippet could be simplified a bit</p></blockquote> <p>I added the extra variables so that developers could use the generated <code>span</code> to hide the first part of the link off screen – if that was preferred. Personally, I do think it reduces screen clutter by a fair amount whilst still supporting screen reader users.</p> <blockquote><p>There’s no mention of motion issues.</p></blockquote> <p>They’re under “Things To Avoid – Autoplay & Animations”.</p> <blockquote><p>I wonder if citing appropriate WCAG standards</p></blockquote> <p>I’d rather not get down to the level of citing specific <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> criteria in the main body of the page for a couple of reasons:</p> <ul> <li>I’m really wary of overwhelming those who are relatively new to web accessibility. Better that they implement some of the points in the document than run screaming for the hills vowing never to look at it again. <img src="https://web.archive.org/web/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley"/> </li> <li>I’d like to avoid leading people into a “checklist” mentality, if that’s possible. Ideally, we want developers to think first instead of making assumptions all of time, yes?</li> <li>Frankly, <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2.0 is enough to scare anyone!</li> </ul> <p>That said, I was wondering if I ought to include some more specific <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> links in the General Resources section.</p> </div> <ul class="children"> <li id="comment-54203" class="comment byuser comment-author-mrwweb odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/1d4925cfe7b4025037be5038af7d4292?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/20130320053253/http://www.mrwweb.com/" rel="external nofollow" class="url">mrwweb</a> <span class="meta"> <abbr title="2013-03-08T23:49:17Z">11:49 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54203" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54203", "54203", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54203" class="commentcontent"><p>Wow. Totally missed the autoplay & animations section. Not sure how. Sorry ’bout that.</p> <p>However, what this does make me think of is whether it might be worth adding a “common features with common accessibility problems” sections that references the relevant sections. I wonder if a theme developer would blow past “link text” but latch on to “read more links.” Same think with slideshow sliders. Of course this list couldn’t be exhaustive, so it might be more trouble than it’s worth and could lead to your fear of checklisting themes for accessibility, which I share.</p> </div> </li> </ul> </li> <li id="comment-54174" class="comment even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-08T18:29:39Z">6:29 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54174" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54174", "54174", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54174" class="commentcontent"><p>Do you think a warning against using tables as layout for forms (or other) should be mentioned?</p> </div> </li> <li id="comment-54208" class="comment odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/ae513b890cd3655416a458136e127f67?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/20130320053253/http://aftergadget.wordpress.com/" rel="external nofollow" class="url">Sharon Wachsler</a> <span class="meta"> <abbr title="2013-03-09T01:05:10Z">1:05 am <em>on</em> March 9, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54208" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54208", "54208", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54208" class="commentcontent"><p>Wow! What a great resource this is. It covers a lot of ground, and I like how you use a few very basic concepts at the beginning to encourage developers to think along those lines and then also give lots of specific examples later of the way they are implemented. </p> <p>I also learned from this document. For example, I always spawn new tabs because I find that much easier for me when I use websites, but I didn’t know this causes a problem for people who use screen readers. (I’m not sure what to do about this. Maybe I will decrease my use of them a lot and then include a link to get back to the original post?)</p> <p>I liked the example of the Japanese cartoon sending kids to the hospital. It makes it very concrete. I have noticed that slideshows on autoplay are more and more common. My independent living center has an autoplay slideshow on their website now! [head::desk]</p> <p>A typo: “And do not play any sounds with the user’s express permission.” I think you mean “without” permission, yeah?</p> <p>Thank you for all your hard work and the care that went into this.</p> </div> </li> <li id="comment-54829" class="comment byuser comment-author-andyvaughn even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/f1e7f9ceacd129205e4eb57b70985379?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/20130320053253/http://andyvaughn.com/" rel="external nofollow" class="url">andyvaughn</a> <span class="meta"> <abbr title="2013-03-12T19:59:08Z">7:59 pm <em>on</em> March 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54829" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54829", "54829", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54829" class="commentcontent"><p>HTML5 longdesc attribute: Since this can fall under our umbrella, should we add this to the “theme development” section?<br/> (First public working draft today): <a href="https://web.archive.org/web/20130320053253/http://www.w3.org/TR/html-longdesc/" rel="nofollow">http://www.w3.org/TR/html-longdesc/</a></p> </div> </li> <li id="comment-54831" class="comment byuser comment-author-esmi bypostauthor odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-12T20:17:39Z">8:17 pm <em>on</em> March 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54831" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54831", "54831", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54831" class="commentcontent"><p>Nope. AT support for <code>longdesc</code> is very limited to non-existent. right now. I really wouldn’t bother using it — let alone ever relying upon it. Maybe re-visit it in a a few years to see if support has grown as HTML5 support increases?</p> </div> <ul class="children"> <li id="comment-54835" class="comment byuser comment-author-andyvaughn even depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/f1e7f9ceacd129205e4eb57b70985379?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/20130320053253/http://andyvaughn.com/" rel="external nofollow" class="url">andyvaughn</a> <span class="meta"> <abbr title="2013-03-12T20:30:05Z">8:30 pm <em>on</em> March 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54835" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54835", "54835", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54835" class="commentcontent"><p>Makes sense. Just wanted to cover all bases.</p> </div> </li> </ul> </li> <li id="comment-54846" class="comment byuser comment-author-fingli odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/dd931f262247c71693d5387e970c8c47?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/20130320053253/http://post-scriptum.info/" rel="external nofollow" class="url">fingli</a> <span class="meta"> <abbr title="2013-03-12T21:42:24Z">9:42 pm <em>on</em> March 12, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54846" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54846", "54846", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54846" class="commentcontent"><p>May I suggest Total Validator <a href="https://web.archive.org/web/20130320053253/http://www.w3.org/2001/sw/wiki/TotalValidator" rel="nofollow">http://www.w3.org/2001/sw/wiki/TotalValidator</a> as another useful tool for checking accessibility. From my experience with it I can say it makes correct checks (no false positive warnings) and they updated it regularly.</p> </div> </li> <li id="comment-54958" class="comment byuser comment-author-esmi bypostauthor even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-13T13:15:39Z">1:15 pm <em>on</em> March 13, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-54958" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54958", "54958", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-54958" class="commentcontent"><p>Oh – yes! I’d forgotten that one. I recently tried it out on a large site audit and was pleasantly surprised just how well it performed. I’ll add it to our list of useful tools.</p> </div> </li> <li id="comment-56140" class="comment byuser comment-author-rianrietveld odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://www.rrwd.nl/" rel="external nofollow" class="url">Rian Rietveld</a> <span class="meta"> <abbr title="2013-03-18T14:46:10Z">2:46 pm <em>on</em> March 18, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#comment-56140" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/08/accessibility-for-theme-developers-first-draft-complete/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-56140", "56140", "respond", "363")">Reply</a> </span> </span> </h4> <div id="commentcontent-56140" class="commentcontent"><p>Hi <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/mentions/esmi/" class="mention">@esmi</a>, thanks for posting these excellent guidelines for theme developers!<br/> All these guidelines and tips are also very useful for plugin developers.<br/> I hope the developers of the major plugins and frameworks take the time to read this.</p> <p>Maybe a note at the top to encourage reading: everything that’s good for accessibility is good for SEO too <img src="https://web.archive.org/web/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley"/> </p> <p>Some of my thoughts on the post:</p> <p>Move Validation to the top of the list ( if only plugin developers would validate, life would be so much easier..)</p> <p>Images:<br/> In stead of decorative images (null alt) write<br/> decorative images (alt=”") </p> <p>Readability:<br/> typo Tthe (second bullit)</p> <p>Form Markup:<br/> I didn’t know this: “any text that uses plain </p> <p> tags may be ignored”<br/> Can’t text be put in any other element then label or input inside a form?</p> <p>Readably:<br/> Quote: If you are using custom fonts, embed them in your theme so that you are not relying on a 3rd party site for font delivery.<br/> Maybe only say :<br/> “If you use a 3rd party site for fonts, check that the text is still readable if the fonts are not available.”<br/> The fact that some fonts are hosted 3rd party is no accessibility issue on it’s own. (I use Google fonts a lot.)</p> <p>The anchor link to the color blindness simulator doesn’t work.</p> <p>Cross-Browser Testing: Add Chrome to the list?</p> </div> </li> </ul> </li> <li id="prologue-347" class="post-347 post type-post status-publish format-standard hentry category-working-group tag-comment-form tag-irc tag-meetup tag-menus"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-03-07T16:22:57Z">4:22 pm <em>on</em> March 7, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/07/irc-meeting-march-6-2013/" class="thepermalink" title="Permalink">Permalink</a> | <a rel="nofollow" title="Reply" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/07/irc-meeting-march-6-2013/#respond" onclick="return addComment.moveForm("comments-347", "0", "respond", "347")">Reply</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/comment-form/" rel="tag">comment form ( 2 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/irc/" rel="tag">irc ( 8 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/meetup/" rel="tag">meetup ( 9 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/menus/" rel="tag">menus ( 6 )</a>    </span> </span> </h4> <div id="content-347" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/07/irc-meeting-march-6-2013/">IRC Meeting: March 6, 2013 </a></h2><p>Another small but lively meeting. We also had the opportunity to welcome our newest member, @shaun_10up – a relatively new core contributor. I think we’ll be keeping him busy over the next few weeks! <img src="https://web.archive.org/web/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> </p> <h3>Custom menus</h3> <p>Thanks to contributions from @lessbloat, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/mentions/ceo/" class="mention">@ceo</a> and @quanin, we’re now seeing real, positive, progress on <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/14045">Trac ticket<a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/14045"> #14045</a></a>. This greatly increases the chance of WordPress 3.6 being shipped with a more accessible custom menu system. Thank you for all of your hard work on this.</p> <p> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/07/irc-meeting-march-6-2013/#more-347" class="more-link">(More …)</a></p> </div> <div class="discussion" style="display: none"> <p> <a href="https://web.archive.org/web/20130320053253/http://wpdaily.co/roundup-13/" rel="external nofollow" class="url">The WordPress Weekend Roundup - WP Daily</a> is discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-347" class="commentlist inlinecomments"> </li> </ul> </li> <li id="prologue-339" class="post-339 post type-post status-publish format-standard hentry category-offsite-articles category-themes category-working-group tag-feedback tag-theme"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-03-05T12:00:58Z">12:00 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/feedback/" rel="tag">feedback ( 2 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/theme/" rel="tag">theme ( 7 )</a>    </span> </span> </h4> <div id="content-339" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/">Accessibility for Theme Developers </a></h2><p>As part of the larger WordPress documentation project, I’ve put together a <strong>very</strong> rough first draft of an <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/docs/theme-developer-handbook/theme-functionality/accessibility/">accessibility section for the theme developers’ handbook</a>. It still needs a lot of fleshing out as I’m approaching this from the perspective of someone who doesn’t know anything about web accessibility. So I feel that we need to not only tell theme developers what to do but how and why.</p> <p>That said, is the draft missing anything major — bearing in mind that we do not want to overwhelm theme developers?</p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/e2fe56c959752e5a5b6e2635fa9fb0d1?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/20130320053253/http://profiles.wordpress.org/users/toscho/" rel="external nofollow" class="url">toscho</a>, <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</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-339" class="commentlist inlinecomments"> <li id="comment-53533" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-05T13:07:57Z">1:07 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53533" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53533", "53533", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53533" class="commentcontent"><p>Of course this is awesome, but in your guidance for POUR criteria, what do you think of making specific reference to the need for a:focus on items? I know that I thought I was conforming to ADA requirements before joining this group, and have come to understand its importance.</p> <p>I think too, that knowledge is spreading because of the discussions in this group. For example, take a look at what Helen said about CSS and the impact of using display:none in this <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23684#comment:4" rel="nofollow"> ticket on JQuery. </a>We really need to thank her (as well as the other developers).</p> <p>The point is, that the information, when made available, is spreading and doing good–for me personally, the simple knowledge gained about the importance of a:focus has had tremendous impact on my styling, and maybe we could impact others in the same way if we put specific mention of a:focus through these guidelines.</p> <p>Just a thought, from someone who’s still learning a LOT!</p> </div> <ul class="children"> <li id="comment-53537" class="comment odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-05T13:24:23Z">1:24 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53537" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53537", "53537", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53537" class="commentcontent"><p>Also, would it be too much to add specific mention on title attributes? <a>Title attributes WAC blog</a> That’s another thing that confused me greatly, and something I made a point to include before joining this group and learning the things I did. And again, I think the information is spreading.</p> <p><a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23250" rel="nofollow">Ticket on Title Attributes</a></p> </div> <ul class="children"> <li id="comment-53744" class="comment byuser comment-author-esmi bypostauthor even depth-3"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-06T12:36:04Z">12:36 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53744" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53744", "53744", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53744" class="commentcontent"><blockquote><p>would it be too much to add specific mention on title attributes?</p></blockquote> <p>Nope. Added. I’ve also left a comment on <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23250#comment:8" rel="nofollow">Trac ticket</a><a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/23250"> #23250</a>.</p> </div> </li> </ul> </li> <li id="comment-53603" class="comment odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-05T19:13:20Z">7:13 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53603" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53603", "53603", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53603" class="commentcontent"><p>Also, what about a way to increase font size if necessary? </p> <p>And regarding color, I’m given to understand that it’s not just about color contrasts, but about color schemes too. Black text on a white background has great visibility, but is actually TOO hard to read for some people–white text on a black or dark blue background is easier for some people to read, though technically speaking, the contrast is not as great.</p> </div> <ul class="children"> <li id="comment-53745" class="comment byuser comment-author-esmi bypostauthor even depth-3"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-06T12:38:47Z">12:38 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53745" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53745", "53745", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53745" class="commentcontent"><p>I’d argue that, these days, this is best left to the user agent, Most current browsers have a decent Zoom option and I think there’s a point when the individual user has to take responsibility for learning how to use their own software. Plus, there are some plugins that can handle this.</p> <p>That said, should be still be pushing theme developers away from using pixels to define font sizes?</p> </div> <ul class="children"> <li id="comment-53751" class="comment odd alt depth-4"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-06T13:07:34Z">1:07 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53751" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53751", "53751", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53751" class="commentcontent"><p>I absolutely agree that theme developers should not be using pixels to define font sizes….it’s a fundamental design issue in today’s modern pages.</p> </div> </li> <li id="comment-54146" class="comment byuser comment-author-toscho even depth-4"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/e2fe56c959752e5a5b6e2635fa9fb0d1?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/20130320053253/http://profiles.wordpress.org/users/toscho/" rel="external nofollow" class="url">toscho</a> <span class="meta"> <abbr title="2013-03-08T16:08:08Z">4:08 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54146" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54146", "54146", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54146" class="commentcontent"><p>Zoom doesn’t work well with images, and you have to set it on every page. People who cannot read tiny fonts use a setting for a minimum font size in their browsers usually (mostly between 16 and 20px).</p> <p>An accessible theme should not break in these cases.</p> </div> </li> </ul> </li> <li id="comment-53752" class="comment odd alt depth-3"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-06T13:09:53Z">1:09 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53752" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53752", "53752", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53752" class="commentcontent"><p>Doh! I forgot to make the “point” about all that talk about color schemes—-which is, should an option for choosing different color schemes be considered?</p> </div> <ul class="children"> <li id="comment-53759" class="comment byuser comment-author-esmi bypostauthor even depth-4"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-06T13:36:35Z">1:36 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53759" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53759", "53759", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53759" class="commentcontent"><p>I’d argue that this is beyond the remit of the average theme & is best left to specialised themes or plugins.</p> </div> </li> </ul> </li> </ul> </li> <li id="comment-53742" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-06T12:22:32Z">12:22 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53742" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53742", "53742", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53742" class="commentcontent"><blockquote><p>what do you think of making specific reference to the need for a:focus on items?</p></blockquote> <p>Thanks for the reminder. I’ve added this to the Links section which is now broken down to cover text, highlighting and underlining.</p> </div> </li> </ul> </li> <li id="comment-53568" class="comment even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/bdac98971c38f15ccb1c9f87accf7e4a?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/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-03-05T17:20:34Z">5:20 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53568" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53568", "53568", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53568" class="commentcontent"><p>In the section on Links, I think it’s worth mentioning that it is acceptable to hide the article title in a ‘read more’ link, as long as the method of hiding leaves the text available to screen readers. I think that there’s an issue with developers leaving this text out completely because they don’t want to see it, and don’t understand that it really is only necessary for non-visual users, and does not need to be displayed.</p> </div> <ul class="children"> <li id="comment-53569" class="comment odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/bdac98971c38f15ccb1c9f87accf7e4a?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/20130320053253/http://www.joedolson.com/" rel="external nofollow" class="url">Joe Dolson</a> <span class="meta"> <abbr title="2013-03-05T17:23:54Z">5:23 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53569" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53569", "53569", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53569" class="commentcontent"><p>Also, it’s worth noting that under most doctypes, ARIA attributes will cause validation failures, but it’s more valuable to use ARIA than to be valid.</p> </div> </li> <li id="comment-53747" class="comment byuser comment-author-esmi bypostauthor even depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-06T12:48:13Z">12:48 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53747" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53747", "53747", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53747" class="commentcontent"><p>Added.</p> </div> </li> </ul> </li> <li id="comment-53748" class="comment byuser comment-author-areschjetne odd alt thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/5da2be54c7477b5648541ef94e437974?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/20130320053253/http://sixcare.net/" rel="external nofollow" class="url">are.schjetne</a> <span class="meta"> <abbr title="2013-03-06T12:58:57Z">12:58 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53748" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53748", "53748", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53748" class="commentcontent"><p>It’s a good start! But you have to look at how it can be done and should be done, not how you would do it. </p> <p>You also have to add examples on how it could be done and when it’s done wrong, you could also add a link to another reference that explains it more detailed, for example w3.org, developer.mozilla.org, whatwg.org.</p> <p>When you say that this is for the theme developers, you mean people that know HTML, CSS and/or more stuff(php, javascript, jQuery and so on) or are you aiming for the people that don’t know basic HTML and CSS? </p> <p>Also drop the screen reader thingy, I would not recomand a newbie theme developer to start with screen-reader-friendly themes.</p> </div> <ul class="children"> <li id="comment-53760" class="comment byuser comment-author-esmi bypostauthor even depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-06T13:39:43Z">1:39 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53760" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53760", "53760", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53760" class="commentcontent"><blockquote><p>When you say that this is for the theme developers, you mean people that know HTML, CSS and/or more stuff(php, javascript, jQuery and so on)</p></blockquote> <p>Yes.</p> <blockquote><p>Also drop the screen reader thingy, I would not recomand a newbie theme developer to start with screen-reader-friendly themes.</p></blockquote> <p>Sorry? This is about how to create a more accessible theme. And that means including access for screen reader users. You can’t “drop it”!</p> </div> </li> <li id="comment-53774" class="comment byuser comment-author-ceo odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://gentlewit.com/" rel="external nofollow" class="url">ceo</a> <span class="meta"> <abbr title="2013-03-06T15:15:57Z">3:15 pm <em>on</em> March 6, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-53774" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53774", "53774", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-53774" class="commentcontent"><blockquote><p>Also drop the screen reader thingy, I would not recomand a newbie theme developer to start with screen-reader-friendly themes.</p></blockquote> <p>Uh, that would basically defeat the purpose entirely of making a theme accessible if you didn’t work towards making it usable via a screen reader. That’s like saying you want to build a theme that can be viewable on mobile devices without making it responsive.</p> </div> </li> </ul> </li> <li id="comment-54090" class="comment byuser comment-author-andyvaughn even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/f1e7f9ceacd129205e4eb57b70985379?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/20130320053253/http://andyvaughn.com/" rel="external nofollow" class="url">andyvaughn</a> <span class="meta"> <abbr title="2013-03-08T07:07:18Z">7:07 am <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54090" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54090", "54090", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54090" class="commentcontent"><p>I’d recommend adding “skip links” as important – especially for blogs with sidebar navigation. (apologies if wrong place to comment, first timer)</p> </div> <ul class="children"> <li id="comment-54100" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-08T09:10:25Z">9:10 am <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54100" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54100", "54100", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54100" class="commentcontent"><p>Goodness – how did I miss that out!</p> </div> </li> </ul> </li> <li id="comment-54093" class="comment byuser comment-author-andyvaughn even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/f1e7f9ceacd129205e4eb57b70985379?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/20130320053253/http://andyvaughn.com/" rel="external nofollow" class="url">andyvaughn</a> <span class="meta"> <abbr title="2013-03-08T07:16:47Z">7:16 am <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54093" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54093", "54093", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54093" class="commentcontent"><p>Also, what about document size and accessibility? Unnecessary markup, script bloat, site-wide function calls, and heavy design imagery reduces accessibility due to extra-long load times.</p> </div> <ul class="children"> <li id="comment-54101" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-08T09:12:04Z">9:12 am <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54101" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54101", "54101", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54101" class="commentcontent"><p>Hmm… I’d argue that these are really usability issues as they can impact upon anyone — as opposed to people with a specific disability.</p> </div> </li> </ul> </li> <li id="comment-54095" class="comment byuser comment-author-accessiblejoe even thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://accessiblejoe.com/" rel="external nofollow" class="url">Joseph Karr O'Connor</a> <span class="meta"> <abbr title="2013-03-08T07:26:57Z">7:26 am <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54095" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54095", "54095", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54095" class="commentcontent"><p>Everyone, please meet andyvaughn who just joined the group and I notice he’s jumping in feet first:-) Welcome Andy! Andy connected with us via Twitter account @WPAccessibility which I am using to publicize our efforts.</p> </div> <ul class="children"> <li id="comment-54102" class="comment byuser comment-author-esmi bypostauthor odd alt depth-2"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-08T09:13:27Z">9:13 am <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54102" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54102", "54102", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54102" class="commentcontent"><p>Welcome, Andy <img src="https://web.archive.org/web/20130320053253im_/http://make.wordpress.org/accessibility/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/> Check your email for an invitation.</p> </div> </li> </ul> </li> <li id="comment-54147" class="comment byuser comment-author-toscho even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/e2fe56c959752e5a5b6e2635fa9fb0d1?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/20130320053253/http://profiles.wordpress.org/users/toscho/" rel="external nofollow" class="url">toscho</a> <span class="meta"> <abbr title="2013-03-08T16:11:13Z">4:11 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54147" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54147", "54147", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54147" class="commentcontent"><p>One addition: Themes must not use <code>accesskey</code> and <code>tabindex</code> attributes in front end or back end.</p> <p>To create a predicable tab order write proper markup.</p> </div> </li> <li id="comment-54158" class="comment byuser comment-author-esmi bypostauthor odd alt thread-odd thread-alt depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://codex.wordpress.org/User:Esmi" rel="external nofollow" class="url">esmi</a> <span class="meta"> <abbr title="2013-03-08T17:00:44Z">5:00 pm <em>on</em> March 8, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#comment-54158" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/03/05/accessibility-for-theme-developers/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-54158", "54158", "respond", "339")">Reply</a> </span> </span> </h4> <div id="commentcontent-54158" class="commentcontent"><p>Both already added</p> </div> </li> </ul> </li> <li id="prologue-332" class="post-332 post type-post status-publish format-standard hentry category-working-group tag-add-media tag-screen-reader"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/ceo/" title="Posts by ceo ( @ceo )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://1.gravatar.com/avatar/378e4cbcfa201c8ff0b8398b9da9d1b3?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/20130320053253/http://make.wordpress.org/accessibility/author/ceo/" title="Posts by ceo ( @ceo )">ceo</a> <span class="meta"> <abbr title="2013-02-28T19:30:18Z">7:30 pm <em>on</em> February 28, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/28/add-media-accessibility-summary/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/add-media/" rel="tag">add media ( 2 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/screen-reader/" rel="tag">screen reader ( 2 )</a>    </span> </span> </h4> <div id="content-332" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/28/add-media-accessibility-summary/">Add Media Accessibility Summary </a></h2><p>Following up on <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/25/add-media-panel-accessibility-issues/">the original post about the Add Media panel</a>, here’s a quick rundown of the functionality issues with screen readers:</p> <ul> <li>Cannot select images from Media Library.</li> <li>Media Library images display in list either without description/title (IE) or only the first image is seen within the list (Firefox).</li> <li>A newly uploaded image can be deselected, but no other images can be selected in addition.</li> <li>Cannot activate the Select Files link to upload image in Internet Explorer. (Works in Firefox.)</li> <li>Form fields lack description; show as “unlabeled” in Internet Explorer.</li> <li>Moving through the media panel can take the user (unknowingly) back into the edit screen.</li> <li>Upon “re-entering” the media panel (see previous bullet point), form fields and links no longer seem to work.</li> </ul> <p>I’m sure there are other things that can be added to this list that I’ve missed. (Feel free to edit this as necessary, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/mentions/grahamarmfield/" class="mention">@grahamarmfield</a>.) Unfortunately, while compiling this list my JAWS went berserk, giving me a bunch of installation errors and then my computer crashed.</p> </div> <div class="discussion" style="display: none"> <p> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/updates/2013/03/14/accessibility-group-update-for-march-14-2013/" rel="external nofollow" class="url">WordPress › Accessibility Group update for March 14, 2013 « Make.WordPress.Org Updates Make.WordPress.Org Updates</a> is discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-332" class="commentlist inlinecomments"> </li> </ul> </li> <li id="prologue-324" class="post-324 post type-post status-publish format-standard hentry category-working-group tag-irc tag-meetup tag-menus tag-twentythirteen"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )" class="post-avatar"> <img alt="" src="https://web.archive.org/web/20130320053253im_/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/20130320053253/http://make.wordpress.org/accessibility/author/esmi/" title="Posts by esmi ( @esmi )">esmi</a> <span class="meta"> <abbr title="2013-02-28T14:54:01Z">2:54 pm <em>on</em> February 28, 2013</abbr> <span class="actions"> <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/28/irc-meeting-february-27-2013/" class="thepermalink" title="Permalink">Permalink</a> </span> <span class="tags"> <br/>Tags: <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/irc/" rel="tag">irc ( 8 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/meetup/" rel="tag">meetup ( 9 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/menus/" rel="tag">menus ( 6 )</a>, <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/tag/twentythirteen/" rel="tag">twentythirteen ( 4 )</a>    </span> </span> </h4> <div id="content-324" class="postcontent"> <h2><a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/28/irc-meeting-february-27-2013/">IRC Meeting: February 27 2013 </a></h2><p>As usual, we had a lively meeting. Thanks to all who attended.</p> <h3>Custom Menus</h3> <p>The accessibility of custom menus in WordPress 3.6 and its <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/14045">related Trac ticket</a> continued to be the main topic of conversation. This is undoubtedly going to be a very difficult area to get just right — not only in terms of the coding approach but also due to the problems of ensuring that screen reader users are presented with a meaningful construct when they try to manipulate menu items. Because of this, it was felt that there was a real danger of theoretical discussions taking priority over the development of prototypes. To try and avoid this, @GrahamArmfield and @lessbloat have agreed to take the lead together on developing prototype solutions.</p> <h3>Add Media Panel</h3> <p>@GrahamArmfield recently raised some concerns over <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/25/add-media-panel-accessibility-issues/">accessibility issues within the current Add Media Panel</a> and we decided to progress further with this. <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/mentions/ceo/" class="mention">@ceo</a> agreed to post a summation of the issues faced by some screen reader users shortly. Some possible new options were suggested such as an ability to tag images and filter the library by tag or an option to filter the library by upload date. Both may offer some benefits to users trying to locate a specific file in a large library when they are unable to “see” the images in question.</p> <h3>Join Us</h3> <p>Finally, a reminder that we are still a relatively small group of active members (although we have 156 people subscribed to this blog by email). We do need more active members – both technical and non-technical. So do please consider <a href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/join-us/">joining the group</a>.</p> <p><a href="https://web.archive.org/web/20130320053253/https://irclogs.wordpress.org/chanlog.php?channel=wordpress-ui&day=2013-02-27&sort=asc">#wordpress-ui log for February 27, 2013</a></p> </div> <div class="discussion" style="display: none"> <p> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?s=16&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&r=G" class="avatar avatar-16 photo" height="16" width="16"/> _Redd is discussing. <a href="#" class="show-comments">Toggle Comments</a> </p> </div> <div class="bottom-of-entry"> </div> <ul id="comments-324" class="commentlist inlinecomments"> <li id="comment-53606" class="comment even thread-even depth-1"> <img alt="" src="https://web.archive.org/web/20130320053253im_/http://0.gravatar.com/avatar/42e1b2ce043c650f98725390585828b2?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> _Redd <span class="meta"> <abbr title="2013-03-05T19:25:05Z">7:25 pm <em>on</em> March 5, 2013</abbr> <span class="actions"> <a class="thepermalink" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/28/irc-meeting-february-27-2013/#comment-53606" title="Permalink">Permalink</a> | <a rel="nofollow" class="comment-reply-link" href="https://web.archive.org/web/20130320053253/http://make.wordpress.org/accessibility/2013/02/28/irc-meeting-february-27-2013/#respond" title="Reply" onclick="return addComment.moveForm("commentcontent-53606", "53606", "respond", "324")">Reply</a> </span> </span> </h4> <div id="commentcontent-53606" class="commentcontent"><p>FYI, There’s an interesting audio report on the accessibility issues of nested menus, whether ARIA works with VR systems, and more:</p> <p><a href="https://web.archive.org/web/20130320053253/http://s3.amazonaws.com/ShopTalk/058_with_derek_featherstone.mp3" rel="nofollow">Audio interview concerning accessibility issues</a></p> <p>For me, this particular audio report brought to light a lot of the difficulties behind ticket <a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/14045" rel="nofollow"></a><a href="https://web.archive.org/web/20130320053253/http://core.trac.wordpress.org/ticket/14045"> #14045</a></p> </div> </li> </ul> </li> </ul> <div class="navigation"> <p class="nav-older"><a href="https://web.archive.org/web/20130320053253/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/20130320053253/http://wordpress.org/about/privacy/">Privacy</a> | <a href="https://web.archive.org/web/20130320053253/http://wordpress.org/about/license/">License / GPLv2</a>     See also: <a href="https://web.archive.org/web/20130320053253/http://wordpress.com/?ref=wporg-footer" title="Hassle-free WP hosting">Hosted WordPress.com</a> | <a href="https://web.archive.org/web/20130320053253/http://wordpress.tv/" title="Videos, tutorials, WordCamps">WordPress.TV Videos</a> | <a href="https://web.archive.org/web/20130320053253/http://central.wordcamp.org/" title="Find a WordPress event near your home">WordCamp Events</a> | <a href="https://web.archive.org/web/20130320053253/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/20130320053253/http://bbpress.org/" title="Fast, slick forums built on WordPress">bbPress Forums</a> | <a href="https://web.archive.org/web/20130320053253/http://jobs.wordpress.net/" title="Find or post WordPress jobs">WP Jobs</a> | <a href="https://web.archive.org/web/20130320053253/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/20130320053253if_/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/20130320053253if_/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/20130320053253js_/http://edge.quantserve.com/quant.js"></script> <noscript><img src="https://web.archive.org/web/20130320053253im_/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/20130320053253js_/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/20130320053253/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/20130320053253cs_/http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-rest.css?ver=2.0.2-201312" type="text/css" media="all"/> <link rel="stylesheet" id="noticons-css" href="https://web.archive.org/web/20130320053253cs_/http://s0.wp.com/i/noticons/noticons.css?ver=2.0.2-201312" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/admin-bar.min.js?ver=3.6-alpha-23754"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201312"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://s1.wp.com/wp-content/js/mustache.js?ver=2.0.2-201312"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/underscore.min.js?ver=1.4.4"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/template.min.js?ver=1.4.4"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://make.wordpress.org/accessibility/wp-includes/js/backbone.min.js?ver=0.9.10"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://s0.wp.com/wp-content/js/postmessage.js?ver=2.0.2-201312"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/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/20130320053253js_/http://make.wordpress.org/accessibility/wp-content/plugins/jetpack/_inc/jquery.spin.js?ver=3.6-alpha-23754"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://s0.wp.com/wp-content/mu-plugins/notes/notes-rest-common.js?ver=2.0.2-201312"></script> <script type="text/javascript" src="https://web.archive.org/web/20130320053253js_/http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-rest.js?ver=2.0.2-201312"></script> <script src="https://web.archive.org/web/20130320053253js_/http://stats.wordpress.com/e-201312.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/20130320053253/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/20130320053253/http://wordpress.org/">WordPress.org</a> </li> <li id="wp-admin-bar-documentation"><a class="ab-item" href="https://web.archive.org/web/20130320053253/http://codex.wordpress.org/">Documentation</a> </li> <li id="wp-admin-bar-support-forums"><a class="ab-item" href="https://web.archive.org/web/20130320053253/http://wordpress.org/support/">Support Forums</a> </li> <li id="wp-admin-bar-feedback"><a class="ab-item" href="https://web.archive.org/web/20130320053253/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/20130320053253/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/20130320053253/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/20130320053253/http://make.wordpress.org/accessibility/wp-login.php?action=logout&_wpnonce=7cce0ef655">Log Out</a> </div> </body> </html>