링크 버튼Link Button
한 줄 정의
링크 버튼은 배경과 테두리 없이 글자색이나 밑줄만으로 글 속 링크처럼 보이게 만들어, 다른 버튼들과 나란히 버튼 자리에 놓는 버튼이에요.
쉽게 말하면
'자세히 보기 →'처럼 파란 글씨나 밑줄만 있는 버튼이에요. 겉모습은 글 속 링크와 같지만, 문장 안에 들어가지 않고 다른 버튼들 옆에 버튼처럼 따로 놓여요. 버튼 스타일 가운데 가장 가볍게 보이는 모양이에요.
언제 쓰나요
'나중에 하기' · '건너뛰기' · '자세히 보기'처럼 방문자가 꼭 누르지 않아도 되는 선택지에 어울려요. 이런 행동을 솔리드 버튼으로 만들면 주된 행동과 무게가 비슷해 보여서, 방문자가 어느 쪽을 눌러야 할지 망설일 수 있어요.
다만 링크처럼 생긴 버튼은 방문자가 누르면 다른 곳으로 이동할 거라고 예상하게 만들어요. W3C의 접근성 설계 안내(ARIA 작성 지침)는 버튼은 동작을 실행하고 링크는 다른 곳으로 이동한다는 점에서 둘이 하는 일이 뚜렷이 다르다고 설명해요. 그리고 링크처럼 생긴 요소가 동작을 실행한다면 디자인을 버튼답게 바꾸는 편이 낫다고 권해요(W3C). 그러니 저장 · 삭제처럼 그 자리에서 무언가를 실행하는 행동에는 링크 버튼보다 버튼 모양이 드러나는 스타일을 쓰는 편이 방문자의 예상과 맞아요.
헷갈리는 말
| 헷갈리는 말 | 뜻 | 링크 버튼과 다른 점 |
|---|---|---|
| 텍스트 링크 | 문장 속 단어에 걸린 링크 | 텍스트 링크는 문장 안에 섞여 있고, 링크 버튼은 다른 버튼들 옆에 버튼 자리로 따로 놓여요 |
| 솔리드 버튼 | 배경을 진한 색으로 꽉 채운 버튼 | 가장 눈에 띄는 버튼이고, 링크 버튼은 가장 가볍게 보여요 |
| 아웃라인 버튼 | 배경은 비우고 테두리만 그린 버튼 | 아웃라인 버튼에는 테두리가 있고, 링크 버튼에는 없어요 |
| 고스트 버튼 | 평소에는 배경과 테두리가 보이지 않는 버튼 | 둘 다 버튼 몸체가 없지만, 링크 버튼은 밑줄이나 링크 색으로 링크처럼 보이게 만들어요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.
Link Button