접근성 역할에서 "link"와 "button"의 차이
2024.09.24 18:43
접근성 역할에서 "link"와 "button"의 차이는 시각장애인을 포함한 사용자들에게 명확하게 전달되어야 합니다. 특히 이 두 가지 요소는 동작 방식에서 중요한 차이가 있으며, 이를 구분하지 않으면 사용자에게 혼란을 줄 수 있습니다.
1. **동작 방식의 차이**:
- **버튼(button)**: 일반적으로 페이지 내에서 특정 기능을 수행할 때 사용됩니다. 예를 들어, 폼을 제출하거나 모달 창을 여는 등의 기능을 담당합니다. 버튼은 **엔터키**와 **스페이스바**를 사용하여 활성화할 수 있습니다. 즉, 시각장애인이 버튼에 포커스를 맞춘 후 스페이스바나 엔터키를 누르면 해당 버튼이 동작해야 합니다. 만약 스페이스바로 버튼이 동작하지 않으면 접근성에서 문제가 발생하게 됩니다.
- **링크(link)**: 링크는 사용자가 다른 페이지로 이동하거나 특정 리소스를 다운로드하는 등의 작업을 할 때 사용됩니다. 링크는 **엔터키**로 실행되며, **스페이스바**를 누르면 포커스만 이동하고 실행은 되지 않아야 합니다. 만약 스페이스바로 링크가 실행된다면 잘못된 접근성 설계입니다.
2. **마우스 동작**:
링크와 버튼 모두 마우스로는 클릭을 통해 동작합니다. 그러나 시각장애인 사용자들은 주로 키보드나 스크린 리더를 사용하기 때문에, 링크와 버튼의 키보드 동작 차이를 분명히 인식해야 합니다. 이를 통해 두 요소의 역할과 기능을 명확하게 구분할 수 있습니다.
3. **용어 사용의 중요성**:
시각장애인 사용자에게 링크와 버튼의 접근성 역할이 전달될 때, 스크린 리더는 각 요소를 영어로 읽어줍니다. 예를 들어, 'button'은 '버튼'으로, 'link'는 '링크'로 읽힙니다. 따라서 '버튼'을 '누름단추', '링크'를 '하이퍼링크'와 같은 다른 용어로 표현하면 시각장애인 사용자에게 혼란을 일으킬 수 있습니다. 일관된 용어 사용이 중요하며, 역할(role)을 명확하게 전달하기 위해서는 기본 용어를 사용하는 것이 좋습니다.
결론적으로, 시각장애인을 위한 웹 접근성 설계에서는 버튼과 링크의 기능적 차이뿐만 아니라, 이들의 동작 방식과 명칭에 대한 일관된 처리가 필요합니다.
댓글 0
번호 | 제목 | 날짜 | 조회 수 |
---|---|---|---|
21 | About: MSAA, Microsoft Active Accessibility | 2024.09.05 | 14 |
20 | 센스리더에서 지원하는 SSML | 2024.09.05 | 11 |
19 | About: Microsoft Windows IUIAutomation Interface | 2024.09.06 | 11 |
18 | 윈도우 접근성 기술: MSAA와 UIAutomation 비교 | 2024.09.09 | 19 |
17 | 시각장애인 접근성 향상을 위한 응용프로그램 조작 인터페이스 | 2024.09.11 | 25 |
» | 접근성 역할에서 "link"와 "button"의 차이 | 2024.09.24 | 26 |
15 | 시각장애인을 위한 음성 접근성 정보 제공 방법 | 2024.09.25 | 27 |
14 | 시각장애인 접근성 음성 정보의 맹점 | 2024.10.02 | 18 |
13 | 시각장애인을 위한 소리 정보 제공 시 기본 파형 사용 주의사항 | 2024.10.02 | 13 |
12 | 센스리더의 "기능 검색" 기능에 대하여 | 2024.10.08 | 11 |
11 | 센스리더의 브라우저 탭키 환경과 가상커서 탭키 환경 | 2024.10.11 | 19 |
10 | 시각장애인과의 협업을 위한 특수문자 발음의 이해 | 2024.10.18 | 30 |
9 | 여러 단계로 이루어진 서비스 제공시 시각장애인 접근성 개선 방안 | 2024.10.22 | 40 |
8 | [세미나] 시각장애 개발자와 함께 하는 아이디어 마이닝 #1. 목적 | 2024.11.11 | 5 |
7 | 시각장애 개발자와 함께하는 아이디어 마이닝 #2. 텍스트와 오디오 | 2024.11.12 | 6 |
6 | 시각장애 개발자와 함께하는 아이디어 마이닝 #3. 이미지 | 2024.11.13 | 2 |
5 | 시각장애 개발자와 함께하는 아이디어 마이닝 #4. 의사 코드 | 2024.11.14 | 2 |
4 | 시각장애 개발자와 함께하는 아이디어 마이닝 #5. HTML | 2024.11.18 | 0 |
3 | 시각장애 개발자와 함께하는 아이디어 마이닝 #6. 스크립트 언어 | 2024.11.19 | 0 |
2 | 시각장애 개발자와 함께하는 아이디어 마이닝 #7. 스크립트 예시, CMD | 2024.11.20 | 0 |