ARIA Tab Panel Example

• 탭키를 사용하여 이동시 탭의 활성화 여부와 상관없이 모든 탭에 접근한다. 단 포커스 이동시에 탭패널 활성화는 안된다. 모든 탭을 거친 이후 탭패널에 포커스가 이동되며 다음 포커스 위치로 빠져나간다.
• 탭에 포커스가 있을때 enter를 누르면 패널이 활성화 된다.
• 좌우 방향키로 탭리스트를 순회할 수 있다. 이때 탭패널이 활성화 되지도 않는다.
• 예제 출처

딩크족
노마드족
프리터족
니트족

딩크족(Double Income No Kids, DINK族)

결혼해서 정상적인 부부생활을 하는 맞벌이 부부로, 수입은 두배(Double Income)이지만 아이는 갖지 않는다(No Kids)고 주장하는 새로운 가족형태를 뜻하는 말이다. Double Income No Kids의 앞글자 DINK를 따서 만들었다. 듀크족, 즉 맞벌이 부부면서도 아이를 갖는 사람(Dual Employed With Kids :DEWK) 대비되는 말이다. 이와 같은 딩크족에는 자발적 유형과 비자발적 유형이 있다.

Example of Tabs with Automatic Activation

• 탭으로 이동시 활성화 된 탭만 이동된다. 즉 탭으로 문서를 순차적으로 순회시 활성화된 탭, 활성화된 탭의 패널을 거쳐 다음 포인트로 이동한다.
• 좌우 방향키로 탭리스트를 순회할 수 있다.
• 탭에 포커스가 이동하면 탭패널을 자동으로 활성화 된다. 즉 탭에서 enter가 없다.
• home키는 첫번째 탭으로, end키는 마지막 탭으로 이동한다.
• 예제 출처

YOLO(You Only Live Once)

현재를 즐기며 사는 태도를 일컫는 신조어다. ‘You Only Live Once(한 번뿐인 인생)’의 이니셜을 따 만들었다. 흔히 ‘오늘을 즐기라’고 인용되는 라틴어의 ‘카르페디엠(Carpe Diem)’과 유사한 표현이다. 한 번뿐인 인생을 충분히 즐기며 살라는 의미가 있다.

• 탭으로 이동시 활성화 된 탭만 이동된다. 즉 탭으로 문서를 순차적으로 순회시 활성화된 탭, 활성화된 탭의 패널을 거쳐 다른 포인트로 이동한다.
• 좌우 방향키로 탭리스트를 순회할 수 있다.
• 탭의 포커스가 다른 탭으로 이동해도(화살표사용) 탭패널이 활성화 되지 않는다. 탭에서 enter, space를 눌러 탭패널을 활성화 시킨다.
• 좌우 방향키로 탭을 이동하면 포커스는 보여주나 클릭으로 패널을 활성화 시키지 않고 이탈하면 다시 돌아올때 활성화되어있는 탭으로 포커스가 이동한다.
• home키는 첫번째 탭으로, end키는 마지막 탭으로 이동한다.
예제 출처

스테이케이션(Staycation)

스테이케이션(Staycation)이란 집에 머물며 보내는 휴가를 일컫는다. 머무른다는 뜻의 ‘Stay’와 휴가를 뜻하는 ‘Vacation’를 합성해 만들었다. 같은 의미로 집(Home)과 휴가(Vacance)를 합쳐 홈캉스(Homecance)라 부르기도 한다.

앵커 형식 탭

• 탭 클릭 또는 탭에서 엔터 클릭시 앵커 기능으로인해 탭 패널로 포커스가 이동된다.
• a 태그의 사용으로 탭키로 이동시 모든 탭에 포커스가 이동한다. (li사용시에는 탭인덱스를 넣어주어야 포커스가 간다.)
• 예제 출처

월 화

월요일엔 빨간 장미를…

킨포크라이프, 휘게, 프리터족

ARIA Tab Panel Example