Re: Easy Checks - A First Review of Web Accessibility draft available

Hi All, love this new resource. Just want to point out that VoiceOver OS X/iOS does NOT like the +/- expanding/collapsing buttons. It's not reading the button's value or the img's alt value inside the button that duplicates the button's value. 

<h2 class="f_panelHead fs_expandStarted fs_expandedFully" style="cursor: pointer; "><a name="using" id="using"></a>Using these Easy Checks<span class="f_expanderWrapper">
    <button class="f_expand xk_button" value="expand this section" type="button" style="display: none; ">
        <img alt="expand this section" src="http://www.w3.org/WAI/images/excol/plus_inv.png" class="xk_icon">
        
        
    </button>
    <button class="f_collapse xk_button" value="collapse this section" type="button" style="display: inline-block; ">
        <img alt="collapse this section" src="http://www.w3.org/WAI/images/excol/minus.png" class="xk_icon">
        
        
    </button>
</span>
</h2>

If it were me I'd change this code to something like this:

<a href="#" aria-expanded="false" id="using" role="button" style="background:url('http://www.w3.org/WAI/images/excol/plus_inv.png') no-repeat left top; padding-left:20px;"><h2 style="display:inline;">Using these Easy Checks</h2></a><br/>
<a href="#" aria-expanded="true" id="using" role="button" style="background:url('http://www.w3.org/WAI/images/excol/minus.png') no-repeat left top; padding-left:20px;"><h2 style="display:inline;">Using these Easy Checks</h2></a>

Dont' leave both lines of code in the DOM just use JavaScript to update the non-visual state aria-expanded=true/false and the visual state, the background +/- image. 

Demo: http://pauljadam.com/demos/aria-expanded.html

Paul J. Adam
Accessibility Evangelist 
www.deque.com

On Jun 6, 2013, at 11:31 AM, Shawn Henry <shawn@w3.org> wrote:

> Dear WAI Interest Group Participants,
> 
> Some times you want to quickly assess if a web page addresses accessibility. Some times people without accessibility expertise want to know if a web page addresses accessibility.
> 
> For these situations and more, WAI is drafting a new document:
>      *Easy Checks - A First Review of Web Accessibility*
>       http://www.w3.org/WAI/eval/preliminary
> 
> It provides simple steps for anyone who can use the web; no accessibility knowledge or skill is required. The checks cover just a few accessibility issues and are designed to be quick and easy, rather than definitive.
> 
> We welcome your suggestions and comments on this draft. You can send them to the publicly-archived mailing list:
>     wai-eo-editors@w3.org
> 
> Please let us know if you have any questions. Thank you in advance for your comments.
> Feel free to circulate this message to other lists; please avoid cross-postings where possible.
> 
> Regards,
> Shawn Henry, EOWG Chair
> 
> 
> 
> 
> -----
> Shawn Lawton Henry
> W3C Web Accessibility Initiative (WAI)
> Massachusetts Institute of Technology (MIT)
> e-mail: shawn@w3.org
> phone: +1.617.395.7664
> about: http://www.w3.org/People/Shawn/
>