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

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

From: Léonie Watson <tink@tink.uk>
Date: Tue, 24 Apr 2018 10:46:33 +0100
To: 전혜영 <h.y.jeon@nts-corp.com>, wai-xtech@w3.org
Message-ID: <4c4713c2-429f-3c47-c832-bc85988bf787@tink.uk>
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 09:47:08 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 24 April 2018 09:47:08 UTC