
웹 디자인은 단순히 이쁘게 혹은 보기 좋게 만들기 위해서가 아닌, 노안, 약시 혹은 일시적으로 정상시력을 가지지 못한 사람들을 위해서도 적용을 고려해야합니다. 이 도구는 배경 색, 본문 글자 색의 명암비를 계산해서 명암비가 웹 접근성 기준에 적합한지 알려주는 도구입니다.
그 만큼 사용자분들께 정확한 결과를 전달해야 하는게 이 도구의 핵심이라고 생각하였습니다! 값이 오류가 나지 않도록 신경써서 작업하였으며, 따로 버튼을 누르지 않아도 색상 입력, 컬러스펙트럼을 이용하여 명암비를 실시간으로 빠르게 확인하실 수 있도록 제작하였습니다.
명암비가 충분하지 않다면, 해당 색상의 충분한 명암비를 가진 색의 조합을 몇가지 추가로 알려드릴수있으면 좋을거 같습니다.
먼저 이 도구를 사용하시는 모든 분들께 감사드립니다!
언제 어디서나 유용하고 편리하게 쓰이길 바라며 부족하지만 최선을 다해서 만들었습니다 🙂 사용하시면서 불편한 점이나 오류가 있으셨다면 언제든 피드백 남겨주시면 참고하여 더 좋은 도구로 업데이트 하겠습니다! 😉
디자이너 이현경님의 한마디
웹 접근성 명도대비 검사 또는 웹 접근성에 적합한 색을 찾기 위해 들어오시는 분들의 니즈를 위해 한눈에 보여드리는 게 좋다고 생각해서 각 대형, 일반 그래픽별로 기준에 적합한지 아닌지, 실제 화면상 어떠한 모습으로 보이는지 한눈에 볼 수 있게 디자인했습니다. 추후 개선하고 싶은 점은 명도비가 적합하지 않을 때 적합한 색으로 추천하는 영역을 추가하고 싶고 원하는 텍스트나 그래픽을 추가하여 확인할 수 있게 개선하고 싶습니다. 아쉬운 부분들도 많지만 사용해 주시는 분들 너무 감사합니다. 앞으로 더 사용하기 쉬운 디자인을 보여드리기 위해 더욱 발전하는 디자이너가 되겠습니다 🙂
버전1.0/2022.12.20
전체 0