메뉴 건너뛰기

A11Y

접근성 역할에서 "link"와 "button"의 차이는 시각장애인을 포함한 사용자들에게 명확하게 전달되어야 합니다. 특히 이 두 가지 요소는 동작 방식에서 중요한 차이가 있으며, 이를 구분하지 않으면 사용자에게 혼란을 줄 수 있습니다.

1. **동작 방식의 차이**:
   - **버튼(button)**: 일반적으로 페이지 내에서 특정 기능을 수행할 때 사용됩니다. 예를 들어, 폼을 제출하거나 모달 창을 여는 등의 기능을 담당합니다. 버튼은 **엔터키**와 **스페이스바**를 사용하여 활성화할 수 있습니다. 즉, 시각장애인이 버튼에 포커스를 맞춘 후 스페이스바나 엔터키를 누르면 해당 버튼이 동작해야 합니다. 만약 스페이스바로 버튼이 동작하지 않으면 접근성에서 문제가 발생하게 됩니다.
   - **링크(link)**: 링크는 사용자가 다른 페이지로 이동하거나 특정 리소스를 다운로드하는 등의 작업을 할 때 사용됩니다. 링크는 **엔터키**로 실행되며, **스페이스바**를 누르면 포커스만 이동하고 실행은 되지 않아야 합니다. 만약 스페이스바로 링크가 실행된다면 잘못된 접근성 설계입니다.

2. **마우스 동작**:
   링크와 버튼 모두 마우스로는 클릭을 통해 동작합니다. 그러나 시각장애인 사용자들은 주로 키보드나 스크린 리더를 사용하기 때문에, 링크와 버튼의 키보드 동작 차이를 분명히 인식해야 합니다. 이를 통해 두 요소의 역할과 기능을 명확하게 구분할 수 있습니다.

3. **용어 사용의 중요성**:
   시각장애인 사용자에게 링크와 버튼의 접근성 역할이 전달될 때, 스크린 리더는 각 요소를 영어로 읽어줍니다. 예를 들어, 'button'은 '버튼'으로, 'link'는 '링크'로 읽힙니다. 따라서 '버튼'을 '누름단추', '링크'를 '하이퍼링크'와 같은 다른 용어로 표현하면 시각장애인 사용자에게 혼란을 일으킬 수 있습니다. 일관된 용어 사용이 중요하며, 역할(role)을 명확하게 전달하기 위해서는 기본 용어를 사용하는 것이 좋습니다.

결론적으로, 시각장애인을 위한 웹 접근성 설계에서는 버튼과 링크의 기능적 차이뿐만 아니라, 이들의 동작 방식과 명칭에 대한 일관된 처리가 필요합니다.

번호 제목 날짜 조회 수
42 센스리더 어센드 KEY 파일 인증 안내 2026.04.27 15
41 [참고] OpenSCAD Nightly 에서 사용되는 명령어 일람 - A.I 작성 2026.04.07 104
40 OpenSCAD#12. 시각장애인도 3D 디자인을 - 2D 평면을 3D 입체로 만드는 마법 - 사출(extrusion)의 이해 2026.04.07 114
39 [자료] OpenSCAD로 만든 남성과 여성 피규어 모델 file 2026.04.03 145
38 OpenSCAD#11. 시각장애인도 3D 디자인을 - 부품 단위로 생각하기, module 2026.04.03 143
37 OpenSCAD#10. 시각장애인도 3D 디자인을 - 반복의 마법, for 2026.04.01 170
36 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 2026.03.31 175
35 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 563
34 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 287
33 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 290
32 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 466
31 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 708
30 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 539
29 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 368
28 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 333
27 센스리더 어센드 멀티라인 점자 출력 기능 2026.02.20 363
26 센스리더 가상커서 해제시 포커스 정보에 관하여 2026.02.09 546
25 센스리더 즐겨찾기 도구의 A.I. 프롬프트 사용 안내 2026.02.03 411
24 센스리더 도구에 대한 간략한 소개 2026.01.27 481
23 alt="" 접근성을 더욱 위배할 수 있다. 2025.05.14 1038