메뉴 건너뛰기

A11Y

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

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

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

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

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

번호 제목 날짜 조회 수
41 [참고] OpenSCAD Nightly 에서 사용되는 명령어 일람 - A.I 작성 2026.04.07 32
40 OpenSCAD#12. 시각장애인도 3D 디자인을 - 2D 평면을 3D 입체로 만드는 마법 - 사출(extrusion)의 이해 2026.04.07 37
39 [자료] OpenSCAD로 만든 남성과 여성 피규어 모델 file 2026.04.03 49
38 OpenSCAD#11. 시각장애인도 3D 디자인을 - 부품 단위로 생각하기, module 2026.04.03 49
37 OpenSCAD#10. 시각장애인도 3D 디자인을 - 반복의 마법, for 2026.04.01 62
36 OpenSCAD#9. 시각장애인도 3D 디자인을 - 모서리가 둥근 큐브 만들기 2026.03.31 52
35 OpenSCAD#8. 시각장애인도 3D 디자인을 - scale, 빵 만들기 2026.03.27 305
34 OpenSCAD#7. 시각장애인도 3D 디자인을 - 곡면의 이해 - 품질과 성능 2026.03.26 214
33 OpenSCAD#6. 시각장애인도 3D 디자인을 - 맥미니에 구멍 뚫기 2026.03.24 222
32 OpenSCAD#5. 시각장애인도 3D 디자인을 - 맥미니(Mac mini) 만들기 2026.03.23 318
31 OpenSCAD#4. 시각장애인도 3D 디자인을 - 미키마우스 머리 만들기 2026.03.20 379
30 [수정] OpenSCAD#3. 시각장애인도 3D 디자인을 - 공간의 이해 - 좌표, 단위, 회전 2026.03.19 312
29 OpenSCAD#2. 시각장애인도 3D 디자인을 - 설치와 실행 2026.03.18 291
28 OpenSCAD#1. 시각장애인도 3D 디자인을 - 소개편 2026.03.17 263
27 센스리더 어센드 멀티라인 점자 출력 기능 2026.02.20 311
26 센스리더 가상커서 해제시 포커스 정보에 관하여 2026.02.09 480
25 센스리더 즐겨찾기 도구의 A.I. 프롬프트 사용 안내 2026.02.03 353
24 센스리더 도구에 대한 간략한 소개 2026.01.27 423
23 alt="" 접근성을 더욱 위배할 수 있다. 2025.05.14 969
22 시각장애 개발자와 함께하는 아이디어 마이닝 #9. 마치며 2024.11.22 1180