W3C home > Mailing lists > Public > wai-xtech@w3.org > April 2018

Re: I have a question about 'aria-expanded' attritube.

From: Rich Schwerdtfeger <richschwer@gmail.com>
Date: Tue, 24 Apr 2018 17:17:03 -0400
Cc: 전혜영 <h.y.jeon@nts-corp.com>, wai-xtech@w3.org
Message-Id: <12130BE5-FF06-4D10-93CE-147D17A6839F@gmail.com>
To: tink@tink.uk
You will need an aria-controls to associate the checkbox to the associated area which could be anywhere on the page. 

Sent from my iPhone

> On Apr 24, 2018, at 5:46 AM, Léonie Watson <tink@tink.uk> wrote:
> 
> hyeyeong,
> 
> You are using a checkbox to expand/collapse the content, so you do not need to use the aria-expanded attribute. When the checkbox is checked it will tell screen readers that the content is expanded, and when it is not checked it will tell screen readers that the content is collapsed.
> 
> When the checkbox is checked you need to change the value of the aria-hidden attribute. When the content is collapsed it is set to aria-hidden="true", but when the content is expanded you need to change it to aria-hidden="false". Screen readers cannot access content when aria-hidden is set to true.
> 
> 
> If you have more questions, send them to w3c-wai-ig@w3.org. This email (wai-xtech@w3.org) is not used anymore.
> 
> Hope this helps.
> 
> Léonie.
> 
> 
>> On 23/04/2018 07:44, 전혜영 wrote:
>> Dear Sir.
>> ​
>> Hello, this is hyeyeong from the UI development department at N Technology Services Co.
>> I'm sending this email to ask a question about 'aria-expanded' attribute.
>> ​
>> I am developing this UI.
>> --> <https://codepen.io/spiyer/pen/qYOeWg>https://codepen.io/spiyer/pen/qYOeWg
>> ​
>> This UI can be explained as follows.
>> The body area(.section_a_body) is expanded or collapsed when the user presses the +/- button.
>> Additionally, I provided invisible text 'Add module' for screen reader users.
>> ​
>> My question is that I dont' know where to put 'aria-expanded' attribute.
>> ​
>> 1. <section class="section_a">
>> 2. <div class="togglebutton">
>> 3. <div class="section_a_body">
>> 4. Do not put. (because this UI is made by using input checkbox.)
>> 5. Other advices....
>> ​
>> I have already confirmed WAI-ARIA-1.1 documentation <https://www.w3.org/TR/wai-aria-1.1/#aria-expanded>, but I'm not sure about it.​
>> ​
>> I'm looking forward to hearing from you.
>> Thank you.
>> ​
>> Sincerely,
>> Hyeyeong Jeon
>> ​
>> 이 메일은 나눔글꼴로 작성되었습니다. 설치하기 <http://hangeul.naver.com>
>> *전혜영*HYEYEONG JEON
>> UI개발4팀
>> 경기도 성남시 분당구 황새울로 359번길 11 미래에셋플레이스, 13590
>> *Mobile *010-2244-2948
>> *Email *h.y.jeon@nhn.com <mailto:h.y.jeon@nhn.com>
>> <http://www.nts-corp.com>
> 
> -- 
> @LeonieWatson @tink@toot.cafe Carpe diem
> 
Received on Tuesday, 24 April 2018 21:17:34 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 24 April 2018 21:17:35 UTC