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

Thanks for the info, Paul.

I hope you'll report the bug! :-)

~Shawn

On 6/6/2013 12:27 PM, Paul J. Adam wrote:
> Well VoiceOver iOS does not announce the expanded collapsed state with my example :( Works great in OS X, tried removing role=button and it still won't announce the state in iOS. Guess that's an iOS VO bug.
>
> Oh well, something to think about :)
>
> Paul J. Adam
> Accessibility Evangelist
> www.deque.com <http://www.deque.com>
>
> On Jun 6, 2013, at 12:21 PM, "Paul J. Adam" <paul.adam@deque.com <mailto:paul.adam@deque.com>> wrote:
>
>> 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 <http://www.deque.com/>
>>
>> On Jun 6, 2013, at 11:31 AM, Shawn Henry <shawn@w3.org <mailto: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 <mailto: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 <mailto:shawn@w3.org>
>>> phone: +1.617.395.7664
>>> about: http://www.w3.org/People/Shawn/
>>>
>>
>

Received on Thursday, 6 June 2013 17:35:19 UTC