티스토리 친구하기

[웹개발] 웹접근성 정책

지식상식/개발|2019. 1. 9. 21:41
반응형

웹개발-웹접근성-정책웹개발-웹접근성-정책




웹 접근성정책
모든 인터넷 사용자(장애인, 고령자 등이 포함된)가 웹 사이트에서 제공하는 정보에 접근하고 이해할 수 있도록 웹 접근성정책을 준수하고 있습니다.

바로 접근(Accessibility) 링크
서비스 문서 시작부분에 반복되는 링크가 많은 페이지를 효율적으로 이용하기 위한 스킵 네비게이션(바로가기) 링크를 제공하고 있습니다.
문서 제목(title태그)
모든 문서마다 문서의 제목(<title>)을 제공하고, 문서의 제목은 문서의 특성을 잘 나타내도록 간단명료하게 기술하고 있습니다.

문서의 구조화
문서는 논리적인접근 및 키보드 접근이 가능하도록 헤딩(<h1>~<h6>), 문단(<p>), 목록(<ul>,<ol>, <dl>) 등의 태그를 사용하였습니다. 
또한 디자인요소를 css를 사용하여 분리하고 있으며 스타일시트를 제거하더라도 콘텐츠를 이해할 수 있습니다.

이미지 정보
텍스트가 아닌 콘텐츠에는 모두 대체 텍스트가 제공되고 있으며, 대체 텍스트 제공이 어려운 도형이미지는 별도의 텍스트정보를 제공하고 있습니다.

키보드 사용방법
다음 링크로 이동하실 때는 Tab키를 누릅니다.
이전 링크로 이동하실 때는 Shift+Tab키를 누릅니다.
메뉴나 항목의 선택 또는 첨부파일 다운로드를 하실 때는 Enter키를 누릅니다.
이전 페이지로 이동하실 때는 백스페이스(←)키를 누릅니다.

지원 가능한 OS 및 브라우저
대한민국정부포털에서는 마이크로소프트사 윈도우, 애플사 맥 OS 등의 운영체제와 인터넷익스플로러, 파이어폭스, 사파리 등의 다양한 브라우저에서 동일한 서비스 화면을 제공하고 있습니다. 단, 일부 운영체제와 브라우저에서는 기능의 제한이 있을 수 있습니다.

운영체제(기준)
윈도우 XP sp3 / 윈도우 7, 8, 8.1
OS X
브라우저
인터넷 익스플러 8.0 ~ 11 / 크롬 / 파이어폭스 / 오페라
사파리 / 크롬 / 파이어폭스 / 오페라



반응형

댓글()

[앱개발] 안드로이드 LineSpacing 줄간격 조절하기

지식상식/개발|2019. 1. 9. 21:20
반응형



안드로이드 줄간격 조절하기



● lineSpacingExtra

● lineSpacingMultiplier


1. lineSpacingExtra

고정 간격 값이라고 생각하면 된다. CSS로 비교를 해보자면, line-height : 10px; 값을 준 것과 같다. 기본 단위는 dip이며 텍스트가 기본적으로 가지고 있는 높이 값에 입력받은 값을 더하면 그것이 한 줄의 높이 값이 된다.

[텍스트의 높이 값] + [입력받은 간격 값] = [한 줄의 높이 값]

이 설정으로 조정하게 되면 텍스트 사이즈가 커지더라도 간격 값은 고정이기 때문에 텍스트 크기에 따라 값도 변동되어야 한다.


2. lineSpacingMultiplier

가변 값이라고 생각하면 된다. 마찬가지로 CSS로 비교를 해보자면, line-height : 135%; 값을 준 것과 같다. 1이 텍스트의 높이 값 100%를 말한다. 1.3을 입력하면 현재 텍스트 높이의 130% 값을 가지게 된다.

[텍스트의 높이 값] x [입력받은 값] = [한 줄의 높이 값]

이 설정으로 조정하게 되면 텍스트 사이즈가 커짐에 따라 간격 값도 늘어나고 작아질 수록 간격 값도 상대적으로 줄어든다.

다시 한번 말하지만 lineSpacingExtra, lineSpacingMultiplier 이런 것을 기억할 필요가 전혀 없다. 프로그램별로 같은 속성이라도 명령어가 다르므로 다 기억할 수가 없을 뿐 아니라 디자이너가 굳이 알 필요는 없다고 생각한다. 다만 고정 값으로, 비율 값으로 줄 간격을 조정할 수 있다는 것만 기억하면된다.



반응형

'지식상식 > 개발' 카테고리의 다른 글

[웹개발] 웹접근성 정책  (0) 2019.01.09
[안드로이드] 불필요한 객체 생성  (0) 2019.01.07

댓글()