Re: I have a question about 'aria' attribute.

Hello.
​
You can see my code here:
https://codepen.io/spiyer/pen/xyqXjb
​
In my opinion, given a trigger on the aria-hidden attribute,
I was worried that every time I scrolled, the element seemed to disappear from the accessibility tree.
​
If there are no other issues, I will work with the above code.
​
Thank you!
​
​
이 메일은 나눔글꼴로 작성되었습니다. 설치하기

전혜영 HYEYEONG JEON
UI개발4팀

경기도 성남시 분당구 황새울로 359번길 11 미래에셋플레이스, 13590
Mobile 010-2244-2948
Email h.y.jeon@nhn.com


-----Original Message-----
From: "Léonie Watson"<tink@tink.uk>
To: "전혜영"<h.y.jeon@nts-corp.com>; <wai-xtech@w3.org>;
Cc:
Sent: 2018-10-09 (화) 18:53:05
Subject: Re: I have a question about 'aria' attribute.
 
hyeyeong,

Using aria-hidden="true" and display: none; is a good way to hide
content. You can see an example here:
https://design-patterns.tink.uk/disclosure1/index.html

If you can share your code, it will help us understand why it isn't
working for you.

Léonie.
On 08/10/2018 06:14, 전혜영 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' attribute.
> ​
> I'm developing floating GNB similar to this. (red box)
> ​
> ​
> ​
> In my page, GNB is appeared and disappeared downward according to the
> scroll direction. ( 👆: disappeared, 👇: appeared )
> ​
> I tried to control it with the 'aria-hidden' attribute and 'display'
> property (CSS),
> but it seems to be a bad way because it seems like the elements will be
> excluded from the a11y tree every time I scroll reversed.
> ​
> Please advise which 'aria' attribute should be used to control the
> hiding of the element.
> ​
> 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