접근성디자인 3

UX Design - 디자이너를 위한 접근성 연구 가이드

안녕하세요 찐망고입니다.디자이너를 위한 접근성연구가이드 관련 글입니다.아주 이전글이지만 너무 기본적인 글이라 공유합니다. 디자이너를 위한 접근성 연구 가이드모든 사용자와 능력 수준을 고려한 디자인을 돕는 연구 전략By Susanna Zaraysky 이미 여러분은 접근성이 고려된 인터페이스, 공공 공간, 건축물을 사용하고 있을 가능성이 높습니다. 왜냐하면 장애인을 위한 설계는 모든 사람의 경험을 개선하기 때문입니다. 예를 들어, 길모퉁이에서 볼 수 있는 낮아진 연석을 생각해보세요. 이 경사진 표면은 휠체어를 사용하는 사람이 보도에서 도로로 안전하게 이동하도록 돕지만, 유모차를 밀거나 여행 가방을 끄는 사람에게도 유용합니다. 더 많은 사람이 제품을 더 잘 사용할 수 있도록 하려면, 시각, 청각, 손 사..

Google Material Design - 접근성 디자인 컬러 팁

안녕하세요 찐망고입니다.역시나 머터리얼 디자인 시리즈를 이어가며 접근성에 관련된 컬러에 대해 자세히 알아보겠습니다. Color and Contrast Color and Contrast (색상과 대비) 색상과 대비는 사용자가 앱의 콘텐츠를 보고 이해하고, 올바른 요소와 상호작용하며, 동작을 이해하도록 돕는 데 사용될 수 있습니다.   More accessible color (더 접근성 있는 색상) 색상은 분위기, 톤, 중요한 정보를 전달하는 데 도움을 줄 수 있습니다. 주 색상, 보조 색상, 강조 색상을 신중히 선택하면 사용성이 향상됩니다. 요소 간 충분한 색상 대비는 시력이 약한 사용자도 앱을 쉽게 사용할 수 있도록 돕습니다.   Contrast ratios (대비 비율)색상 대비는 사용자가 다양한 ..

웹 접근성을 위한 ARIA

안녕하세요 찐망고 입니다. ARIA(Accessible Rich Internet Applications)는 웹 접근성을 개선하기 위해 만들어진 표준입니다.주로 스크린 리더나 기타 보조 기술을 사용하는 사용자들이 웹 콘텐츠를 더 쉽게 이해하고 사용할 수 있도록 도와줍니다. 왜 ARIA가 필요한가?일반적인 HTML 요소는 이미 접근성을 어느 정도 지원합니다. 예를 들어:은 기본적으로 클릭 가능하다는 정보를 보조 기술에 전달합니다.는 alt 속성을 통해 이미지를 설명합니다.하지만, 동적 콘텐츠나 맞춤형 UI 컴포넌트(예: 탭, 드롭다운, 모달 창) 같은 복잡한 요소는 기본 HTML만으로는충분한 접근성을 제공하지 못합니다. 이럴 때 ARIA를 사용하여 접근성을 강화할 수 있습니다. ARIA의 주요 개념ARIA는..

WEB/HTML기초 2024.11.21