반응형

Design 44

웹 접근성의 이해

웹 접근성이란? 사용자가 제품이나 서비스에 접근해 편리하게 이용할 수 있는 정도를 뜻합다. 웹 접근성이란? 어떠한 사용자(장애인, 노인 등)가 어떠한 기술환경에서도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것. 간단히 정리하면 '모든 사용자가 모든 기기에서 웹에 접근할 수 있도록 하는 것'입니다. 접근성을 지켜야 하는 이유 장애인 차별 금지법(장차법) 2013년 4월 11일부터 장애인들도 비장애인과 동등하게 전자정보 및 비전자정보를 사용할 수 있도록 해야 한다는 내용이 포함되어 있습니다. 장애인 차별 금지법 처벌 법적 진행 절차 1 (인권위)민/형사 고발 형사:3개월 이내 수사, 민사:손해배상제도 절차 악의로 인정될 경우 3년 이하 징역 또는 3천만..

Design/A11Y 2021.03.31

웹접근성 진단 도구

웹 접근성이 제대로 지켜졌는지 테스트할 수 있는 다양한 도구들을 안내한다. Colour Contrast Analyser (CCA) 다운로드 사이트 바로가기 스포이드로 찍어서 전경 색과 배경색의 명도 대비를 체크해주는 프로그램 명도 대비는 확대 가능한 브라우저에서 최소 3:1 이상이 되도록 구현 KWCAG a11y inspector 크롬 웹스토어 바로가기 컨트롤의 대각선 길이를 측정해주는 프로그램 크롬 웹 스토어에서 설치 가능 웹에서의 컨트롤 크기는 대각선 6mm 이상으로 구현 OpenWAX 크롬 웹스토어 바로가기 접근성을 자동으로 진단해주는 프로그램 크롬 웹 스토어에서 설치 가능 자동 진단이 정확하지는 않아 수동 진단 병행 필요 Accessibility Insights for Web 크롬 웹스토어 바로가..

Design/A11Y 2021.03.22

[Figma] 실무에 유용한 피그마 단축키

컴퓨터 노동자라면! 작업 속도 향상을 위해 단축키 사용이 필수적이란걸 알고 있을것이다! 새로운 툴을 배울 때마다 늘 단축키를 많이 찾아보게 되는 것 같다. Figma도 예외는 아니라서, 자주 사용하는 단축키를 자주 들춰보기 위해 정리해본다. Opt + Cmd + R: 텍스트 오른쪽 정렬 Opt + Cmd + L: 텍스트 왼쪽 정렬 Opt + Cmd + T: 텍스트 가운데 정렬 Opt + Cmd + K: 선택한 객체를 컴포넌트로 변경 (컴포넌트 = Sketch의 Symbol 개념) Opt + H: 객체 수평 가운데 정렬 Opt + V: 객체 수직 가운데 정렬 Cmd + R: 객체의 레이어 이름 변경 Opt + Cmd + D: 프레임 밖의 객체를 프레임으로 Opt + 2: 컴포넌트 검색 Cmd + Shift..

반응형