서체

접근성 높은 콘텐츠를 만들고 설계하는 것은 단순히 읽기 쉬운 글꼴입니다. 접근성이 높은 글꼴 모음이 있더라도 저시력자들은 인지, 언어, 학습 장애를 가진 사용자가 글을 읽는 데 어려움을 겪을 수 있음 이는 글꼴 변형, 크기, 간격 및 커닝과 같은 다른 요소로 인해 살펴보겠습니다 이 모듈에서는 데이터 기반 의사 결정을 내리는 데 도움이 되는 콘텐츠의 포용성을 높이고 더 많은 사람에게 도달할 수 있습니다.

글꼴

문구 접근성에 큰 영향을 줄 수 있는 주요 요소는 글꼴입니다. 선택한 글꼴과 스타일에 따라 페이지 디자인이 달라질 수 있습니다.

난독증이나 주의력 결핍 과잉 행동 장애 (ADHD)와 같은 읽기, 학습, 주의력 장애가 있는 사람뿐만 아니라 저시력자도 접근성이 좋은 서체를 사용하면 도움이 될 수 있습니다.

일반적인 서체 선택 접근성이 뛰어난 디자인을 만드는 가장 빠른 방법은 일반 서체 (예: Arial, Times New Roman, Calibri, Verdana 등)를 선택하는 것입니다.

장애가 있는 사람들을 테스트하는 많은 서체 연구에 따르면 일반적인 서체를 사용하면 일반적이지 않은 서체에 비해 읽기 속도가 빨라지고 이해력도 향상되는 것으로 나타났습니다. 이러한 일반적인 서체가 본질적으로 다른 서체에 비해 접근성이 높지는 않지만, 일부 장애인은 이러한 서체를 사용해 본 경험이 많기 때문에 서체를 더 쉽게 읽을 수 있습니다.

일반적인 서체를 선택하는 것 외에도 화려한 서체나 필기 서체를 사용하지 마세요. 또한 대소문자가 하나만 있는 서체 (예: 대문자만)도 사용하지 마세요. 필기체 디자인이나 기발한 모양, 얇은 선과 같은 예술적 특징이 있는 이러한 특수 서체는 보기에도 좋겠지만 일부 장애인은 일반적인 서체보다 읽기가 훨씬 더 어렵습니다.

문자 특성 및 커닝

Serif 또는 Sans Serif 글꼴이 읽기는 확실하지 않은 경우 특정 숫자, 문자 또는 조합은 언어 기반 학습 및 인지 장애가 있는 사람들을 대상으로 합니다. 이러한 유형의 장애가 있는 사람은 모든 문자와 숫자가 글자가 혼동되지 않도록 명확하게 정의되고 고유한 특성을 지니고 있어야 합니다. 있습니다.

가독성을 위반하는 일반적인 원인은 대문자 'I'입니다. (인도), 소문자 'l' (lettuce), 숫자 '1'을 입력합니다. 마찬가지로 b/d, p/q, f/t, i/j, 일부 독자의 경우 m/w 및 n/u가 좌우 또는 상하로 뒤집을 수 있습니다.

글자 간격 또는 커닝이 너무 길어지면 문구의 가독성이 저하됩니다. 꽉 조이세요. 특히 문제가 있는 문자 쌍 r/n입니다. 또는 '원사'와 같은 단어를 사용하면 안 됩니다. 'yam'으로 바꿀 수 있습니다. 또는 '엄격' 'stem'이 되고 광고 문구의 의미를 완전히 바꾸는 것은 아닙니다.

Google Fonts와 같은 오픈소스 서체 컬렉션은 다음 디자인에 가장 포괄적인 서체를 선택하는 데 도움이 됩니다. Adobe 제품을 사용하는 경우 Foundry에서 액세스 가능한 글꼴 모음을 삽입할 수 있습니다. 직접 설계할 수 있습니다. 여기에는 일부 파트너가 Google 글꼴

다음에 사용할 글꼴을 찾을 때는 다음 사항에 특히 유의하세요.

• 가능하면 일반 글꼴을 사용합니다.
• 정교하거나 필기한 글꼴과 대소문자가 하나만 있는 글꼴은 사용하지 마세요.
• 대문자 I, 소문자 l, 1에 특히 주의를 기울이면서 고유한 특성을 가진 서체를 선택합니다.
• 특정 문자 조합을 검토하여 서로의 정확한 미러링 이미지가 아닌지 확인합니다.
• 특히 r/n 문자 쌍 사이의 커닝을 확인합니다.

글꼴 크기 및 서체 스타일 지정

흔히 사용자는 접근성이 좋은 글꼴 모음만 고르는 것이 포용적인 콘텐츠를 만들기만 한다고 생각합니다. 하지만 글꼴 크기와 페이지에서 텍스트 스타일이 지정되는 방식도 고려해야 합니다.

예를 들어 시력이 나쁘거나 색맹인 경우 사본이 너무 작으면 브라우저 확대/축소와 같은 AT를 사용하여 사본을 읽지 못할 수 있습니다. 그러나 난독증이나 읽기 장애가 있는 다른 사용자는 기울임꼴 텍스트를 읽는 데 어려움을 겪을 수 있습니다. 스크린 리더는 굵게 및 기울임꼴과 같은 스타일 지정 방법을 무시하는 경우가 많으므로 시각장애인이나 저시력 사용자에게 이러한 스타일의 의도가 전달되지 않습니다.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

모든 사용자의 요구사항을 예측할 수는 없으므로 디지털 제품에 글꼴을 추가할 때 다음 가이드라인을 고려하시기 바랍니다.

• 기본 글꼴 크기는 크기를 쉽게 조절할 수 있습니다.
• 색상, 굵게, 모두 대문자, 기울임꼴을 사용하여 가독성을 높입니다. 대신 별표, 대시, 개별 단어 강조표시 등을 할 수 있습니다.
• 가능하면 이미지에 텍스트 대신 마크업을 사용하세요. 스크린 리더에서는 이미지에 삽입된 텍스트 (코드 추가 없이) 및 삽입된 텍스트 읽기 저시력 사용자가 확대할 때 모자이크로 보일 수도 있습니다.

구조 및 레이아웃

서체, 글꼴 크기, 서체 스타일이 접근성을 높이기 위해서는 서체, 구조 및 레이아웃이 있는 해당 페이지는 사용자가 이해하는 데 똑같이 중요할 수 있습니다.

복잡한 레이아웃은 시력이 나쁘거나 읽기에 어려움을 겪는 사용자에게 큰 장애물이 될 수 있습니다. 미국의 ADHD 환자 610만 명 이러한 유형의 장애로 인해 사람들이 생활 속에서 명확한 선형 경로가 없으므로 문구의 흐름을 따라가면서 누락된 제목 및 그룹화되지 않은 요소

액세스 가능한 레이아웃 디자인의 중요한 측면은 중요한 요소를 서로 구별하고 유사한 요소를 함께 그룹화합니다. 만약 요소가 너무 가까우면 한 요소가 어디에서 시작하는지 알기 어려울 수 있음 특히 스타일이 유사한 경우

카피를 하나의 글머리 기호에 대한 개별 글머리 기호의 모음이라고 생각해 보세요. 있습니다. 이렇게 하면 전반적인 페이지 구조를 계획하고 제목, 부제목 및 목록을 사용하는 것이 좋습니다.

간격

단락, 문장, 단어 간격 또한 독자가 문구에 집중하고 페이지를 전반적으로 이해하는 데 도움이 되므로 중요합니다. 카피가 너무 길어지면 장애를 가진 독자가 자리를 잡고 카피의 흐름을 따르는 데 어려움을 겪기 때문에 장애물이 될 수 있습니다. 짧은 문구 블록을 사용하면 독자가 다음 줄로 더 쉽게 계속 진행할 수 있습니다.

콘텐츠 정렬

많은 장애인이 겪는 또 다른 좌절감은 복사합니다. 양쪽 맞춤 텍스트에서 단어 사이의 간격이 고르지 않으면 스페이스" 텍스트를 읽기 어려울 수 있습니다.

또한 텍스트 양쪽 맞춤을 사용하면 단어가 함께 겹치거나 부자연스러운 방식으로 확장되어 독자들이 단어를 찾기 어렵게 만듭니다. 경계선에 위치해 있습니다

다행히 문구의 접근성을 높이는 데 도움이 되도록 적절한 선 높이 및 황금 비율 계산기와 같은 간격과 도구에 대한 명확한 가이드라인이 마련되어 있습니다. 이러한 가이드라인을 통합하면 주의력 결핍 장애, 읽기 장애, 시력 관련 장애가 있는 사람들이 레이아웃보다는 문구에 더 집중할 수 있습니다.

구조 및 레이아웃 권장사항

구조 및 레이아웃을 고려할 때는 다음 사항을 고려하세요.

• 제목, 부제목, 목록, 숫자, 인용구 블록, 기타 시각적 그룹을 사용하여 페이지를 섹션으로 나눕니다.
• 명확하게 정의된 단락, 문장, 단어 간격을 사용합니다.
• 너비가 80자 (영문 기준 40자)를 초과하지 않는 문구 열을 작성합니다. (로고그램의 경우 문자 제외)
• '여백의 행'을 유발하는 단락 정렬을 사용하지 않습니다. 이내 복사합니다

접근성이 우수한 서체 핵심 내용

접근성 높은 서체는 일종의 상식적인 디자인 선택으로 사용자에 대한 지식에 제공합니다 이 모듈을 염두에 두고 콘텐츠를 설계하고 구축하면 수익 창출에 도움이 됩니다. 최대한 많은 사람들과 명확하게 소통할 수 있습니다.

이해도 확인

접근성 측정에 관한 지식 테스트