글씨의 크기를 사용자가 옵션으로 선택할 수 있게 하면, 사용자는 별다른 설정 없이도 원하는 크기로 글자를 볼 수 있게 됩니다.
기술설명
이 기술의 목적은 웹 페이지 내에 있는 텍스트의 크기를 점차적으로 키울 수 있는 기술을 제공하는 것입니다.
시력이 좋지 못한 사용자들 중에 '확대하여 보여주는 소프트웨어'를 사용하지 않으면서 '브라우저의 텍스트 크기 조정'도 익숙하지 않은 사용자가 있을 수도 있습니다. 특히 노안으로 시력이 저하되고 컴퓨터를 늦게 배운 노인 분들이 이에 해당됩니다.
또한 장애가 있어 글자 크기를 크게 키워야 인지할 수 있는 사용자도 있습니다.
이 기술은 이런 일부 사용자 분들이 쉽게 사용할 수 있는 기술을 제공하는 것입니다.
CSS 전환 효과나 스크립트를 사용하여 링크나 버튼으로 글자 크기를 변경시킬 수 있습니다.
이 기술을 구현하기 위해서는 사용자가 페이지 내에 있는 모든 텍스트의 크기를 기본 크기에서 200%이상 까지 점차적으로 키울수 있는 기능을 제공해야 합니다.
이는 '링크', '버튼', '링크된 이미지'를 이용하여 제공할 수 있으며, 이 기능은 사용자가 찾기 쉬워야 합니다.
(예를 들어 페이지 안에서 잘 보이도록 배치하거나, 큰 텍스트로 표시하는 겁니다. 또는 고대비를 사용합니다.)
예시
[예시1] 신문 기사 페이지 상단에 두 개의 버튼이 있습니다.
[글자 키우기] 버튼에는 위쪽 화살표와 큰 글씨의 'T'가 있습니다. [글자 줄이기] 버튼에는 아래쪽 화살표와 작은 글씨 ‘T’가 있습니다. 각각의 버튼에는 대체 텍스트가 제공되고 있습니다.
[예시2] 사이트에서 CSS를 이용하여 다양한 크기의 텍스트를 제공하고 있습니다. 사용자는 브라우저에서 제공하는 기능을 이용하여 CSS를 선택할 수 있습니다.
각 페이지에는 적용된 CSS를 대체할 수 있는 '글자 키우기' 및 '글자 줄이기'링크를 제공하고 있습니다.
[예시3] 사이트 내의 모든 페이지에는 '글자 크기 변경:'이라는 텍스트와 '키우기' 및 '줄이기'라는 텍스트 링크가 제공되고 있습니다. 이 링크는 자바스크립트의 트리거로 해당 텍스트 내용 데로 변경해 줍니다.
[예시4] 사이트 내에 모든 페이지에 '글자 크기 변경'이라는 링크가 있습니다. 그 링크를 실행하면 사용가능한 텍스트의 크기들의 옵션이 목록형식으로 제공됩니다. 옵션에는 '가장 작은 크기', '작은 크기', '기본 크기', '큰 크기'등이 있습니다. 목록의 지침은 사용자가 원하는 텍스트의 크기를 선택하라고 알려주고 있습니다.
점검절차
1. 뷰포트 크기가 1024×768px 이상인지 확인합니다.
2. 텍스트 크기를 키워봅니다. 텍스트가 크기가 커졌는지 확인합니다.
3. 텍스트 크기가 원래 크기에서 200%까지 키울 수 있는지 확인합니다.
4. 텍스트 크기를 200%로 키운 뒤에 콘텐츠에 기능에 이상이 없는지 확인합니다.
5. 텍스트 크기를 기본 값으로 줄일 수 있는지 확인합니다.
나의 정리
사용자가 저시력자인 경우 텍스트 크기를 어느 정도 키워야 인지 할 수 있습니다.
이렇게 텍스트를 크게 볼 수 있는 방법으로는 브라우저의 기능을 이용하여 화면확대하거나 텍스트의 크기를 키우면 됩니다.
또는 보조 프로그램을 이용하여 화면을 확대하여 볼 수 있습니다.
하지만 컴퓨터 사용이 힘든 노인 분들이나 인지 장애가 있는 사용자들의 경우, 이런 방법으로 확대해 보는 것이 힘들 수 있습니다.
그래서 페이지 내에서 텍스트 크기를 조절할 수 있는 기능을 찾기 쉬운 곳에 배치하고 알아보기 쉽게 디자인해야 합니다.
이 기능은 텍스트의 기본 크기보다 최소 200%이상 크게 볼 수 있어야 하며 단계별로 조절할 수 있게 해야 합니다.
예를 들면 '100%, 125%, 150%, 175%, 200%' 이렇게 점차적으로 크게 볼 수 있게 기능을 제공해야 합니다.
또는 '기본 크기, 조금 큰 글씨, 큰 글씨, 아주 큰 글씨'처럼 설명으로 제공할 수 있습니다.
사용자가 크기를 선택할 수 있도록 해야 합니다.
이런 기능을 사용자가 옵션으로 선택할 수 있게 하면 사용자는 별다른 설정 없이도 원하는 크기로 텍스크를 볼 수 있게 됩니다.
G178: Providing controls on the Web page that allow users to incrementally change the size of all text on the page up to 200 percent
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G178.html
G178: Providing controls on the Web page that allow users to incrementally change the size of all text on the page up to 200 per
The purpose of this technique is to provide a mechanism on the Web page to incrementally increase the size of text. Many people with low vision do not use magnifying software, and they may not be familiar with their browser's text size adjustments. This ma
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G180] 사용자에게 제한시간의 10배를 사용할 수 있는 기능을 제공해야 한다. (39) | 2024.12.10 |
|---|---|
| [웹접근성 지침-일반기술 G179] 텍스트 영역의 너비가 변경되지 않고 텍스트의 크기만 조정된 경우, 콘텐츠나 기능에는 손실이 없어야 합니다. (41) | 2024.12.07 |
| [웹접근성 지침-일반기술 G177] 수정이 필요한 부분에 제안하는 설명을 제공하자. (41) | 2024.12.02 |
| [웹접근성 지침-일반기술 G176] 반짝이는 영역을 최대한 작게 만들자. (9) | 2024.11.30 |
| [웹접근성 지침-일반기술 G175] 글자색과 배경색을 선택할 수 있는 기술을 제공하자. (68) | 2024.11.28 |
