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

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

From: Rich Schwerdtfeger <richschwer@gmail.com>
Date: Tue, 9 Oct 2018 07:02:32 -0400
Cc: 전혜영 <h.y.jeon@nts-corp.com>, wai-xtech@w3.org
Message-Id: <FEF1ED9A-F0E6-4BDA-8F0D-AC2A154B276C@gmail.com>
To: tink@tink.uk
That also works.

Sent from my iPhone

> On Oct 9, 2018, at 5:53 AM, Léonie Watson <tink@tink.uk> wrote:
> 
> 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
> 
Received on Tuesday, 9 October 2018 11:02:57 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 9 October 2018 11:02:58 UTC