<div dir="ltr">Hi Joe,<div><br></div><div>I read your message about the <span style="font-family:arial,sans-serif;font-size:13px">'accessibility-ready'</span><font face="arial, sans-serif"> and found it very interesting. I'm a theme developer, so probably on the wrong list.</font></div>

<div><font face="arial, sans-serif">I will try to get this a 'accessibility-ready' tag for my theme although my first target will be to get my theme approved at all (</font><a href="http://themes.trac.wordpress.org/ticket/15659" target="_blank" style="font-size:13px;font-family:arial,sans-serif">http://themes.trac.wordpress.org/ticket/15659</a><span style="font-family:arial,sans-serif">). </span></div>
<div><span style="font-family:arial,sans-serif"><br></span></div><div><span style="font-family:arial,sans-serif">I read </span><span style="font-size:13px;font-family:arial,sans-serif"> </span><a href="http://make.wordpress.org/themes/guidelines/guidelines-accessibility/" target="_blank" style="font-size:13px;font-family:arial,sans-serif">http://make.wordpress.org/themes/guidelines/guidelines-accessibility/</a> and find many don't but less howto or alternatives. I will give you an example, i read "<code style="font-size:13px;font-family:Monaco,Consolas,'Courier New',monospace;color:rgb(0,0,0);overflow:auto;background-color:rgb(241,241,241);line-height:18.1875px">display:none</code><span style="font-size:13px;color:rgb(85,85,85);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:18.1875px"> removes the concealed object from screen reader’s reading, and should not be used.</span>" I understand the meaning. Now finding a good solution doesn't same easy. My theme use Twitter's Bootstrap. Both Bootstrap and i paid attention to accessibility, see:  <a href="http://getbootstrap.com/getting-started/#accessibility">http://getbootstrap.com/getting-started/#accessibility</a> and <a href="https://github.com/bassjobsen/jamedo-bootstrap-start-theme/issues/35">https://github.com/bassjobsen/jamedo-bootstrap-start-theme/issues/35</a></div>
<div><br></div>Although a default component the dropdown adds accessibility, see; <a href="http://getbootstrap.com/components/#dropdowns">http://getbootstrap.com/components/#dropdowns</a> it doesn't meet the requirement of not using "display:none". Accessibility can be add by the sr-only class and using aria-labelledby attributes, but there still will be a "display:none".<div>
In the case the dropdown adds additional information the content will be hidden for all users. So maybe the requirement should be content with "display:none" should be accessible for all users (for example also via a sr-only button).</div>
<div>I also look for alternative solutions. You will find some here: <a href="http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/">http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/</a>. Some solution requires javascript (or you show hide only when javascript is on) which maybe introduce other accessibility issues.</div>
<div><br></div><div>Regards,</div><div><br></div><div>Bass</div><div class="gmail_extra"><br><br><div class="gmail_quote">2013/12/11 Joe Dolson <span dir="ltr"><<a href="mailto:design@joedolson.com" target="_blank">design@joedolson.com</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>In addition to the fixed-layout, fluid-layout, and responsive-layout, the 'accessibility-ready' tag is going live in WP 3.8. <br>
<br></div><div>For that tag, the guidelines at the theme accessibility review docs will need to be followed, in addition to the standard tags: <a href="http://make.wordpress.org/themes/guidelines/guidelines-accessibility/" target="_blank">http://make.wordpress.org/themes/guidelines/guidelines-accessibility/</a><br>

<br>If anybody needs any help handling a review that's using the accessibility-ready tag, ping me with the ticket and I'll happily chime in. <br><br></div><div>Best,<br>Joe<br></div><div><br></div></div><div class="gmail_extra">

<br><br><div class="gmail_quote">On Fri, Dec 6, 2013 at 12:52 PM, Otto <span dir="ltr"><<a href="mailto:otto@ottodestruct.com" target="_blank">otto@ottodestruct.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">

<div dir="ltr"><div>As part of the 3.8 release scheduled for next week, one of the changes has to do with the allowed tags in themes.</div><div><br></div><div>The old "Width" tags have been deprecated in favor of new "Layout" tags, which are considered to better describe actual usage.</div>



<div><br></div><div>- The "fixed-width" tag has become "fixed-layout".</div><div>- The "flexible-width" tag has become "fluid-layout".</div><div>- Finally, a new tag of "responsive-layout" was added.</div>



<div><br></div><div>Currently, theme-check will fail these tags and disallow the upload. As of 3.8's release, this will be changed to allow these new tags and to give a warning about the old ones.</div><div><br></div>



<div>With regards to theme searching, the old -width tags are aliased to the new tags. So searching for "fixed-layout" will also find "fixed-width" tags, and vice-versa. This is intended to not affect older themes or to impact those themes ability to be searched for in any way, as well as to allow themes using the new tags to continue to be found by pre-3.8 installations using the old tags.</div>



<div><br></div><div>As I make this switchover, I'm sure there will be a few minor bugs that crop up here and there. Some of those bugs will impact your ability to upload themes. Let me know about any such issues directly and I'll correct them as soon as possible.</div>



<div><br></div><div>You can read more about the changes here:</div><div><a href="http://core.trac.wordpress.org/ticket/21442#comment:28" target="_blank">http://core.trac.wordpress.org/ticket/21442</a><span><font color="#888888"><br>

</font></span></div><span><font color="#888888"><div><br></div><div>-Otto</div>

<div><br></div><div><br></div>
</font></span></div>
<br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org" target="_blank">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><span class="HOEnZb"><font color="#888888"><br><br clear="all"><br>-- <br><div dir="ltr">==================<br>Joseph Dolson<br>Accessibility consultant & WordPress developer<br><a href="http://www.joedolson.com" target="_blank">http://www.joedolson.com</a><br>

<a href="http://profiles.wordpress.org/joedolson" target="_blank">http://profiles.wordpress.org/joedolson</a></div>
</font></span></div>
<br>_______________________________________________<br>
theme-reviewers mailing list<br>
<a href="mailto:theme-reviewers@lists.wordpress.org">theme-reviewers@lists.wordpress.org</a><br>
<a href="http://lists.wordpress.org/mailman/listinfo/theme-reviewers" target="_blank">http://lists.wordpress.org/mailman/listinfo/theme-reviewers</a><br>
<br></blockquote></div><br></div></div>