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

True, if you want it to not disappear from the accessibility tree then don’t use display:none. This was what we discussed earlier. I believe the use of visibility will work as we discussed. 

Best,
Rich

Rich Schwerdtfeger




> On Oct 9, 2018, at 9:27 PM, 전혜영 <h.y.jeon@nts-corp.com> wrote:
> 
> Hello.
> ​
> You can see my code here:
> https://codepen.io/spiyer/pen/xyqXjb <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!
> ​
> ​
> 이 메일은 나눔글꼴로 작성되었습니다. 설치하기 <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/>
> -----Original Message-----
> From: "Léonie Watson"<tink@tink.uk <mailto:tink@tink.uk>> 
> To: "전혜영"<h.y.jeon@nts-corp.com <mailto:h.y.jeon@nts-corp.com>>; <wai-xtech@w3.org <mailto: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 <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> <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> <http://www.nts-corp.com>>
> > 
> 
> -- 
> @LeonieWatson @tink@toot.cafe Carpe diem