미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다. HSL 컬러 모델의 한계, 균일한 대비값 제작의 어려움HSL 컬러 모델에서는 Lightness(밝기) 값이 동일하더라도 Hue(색조)..

들어가며 2021년 12월 15일 pxd 홈페이지가 웹 접근성 인증 마크를 획득하게 되었습니다. 9월부터 준비 과정을 거쳐 약 3달 만에 결과를 얻게 되었는데요. 오늘은 “pxd 홈페이지는 왜 웹 접근성 인증 마크를 획득하게 되었는지?” 그 이유와 과정, 그리고 웹 접근성 작업 후 달라진 점에 대해서 이야기해보려고 합니다. pxd 홈페이지 웹 접근성 인증 마크를 획득하게 된 이유는? 웹/앱 서비스들을 예쁘게만 만드는 시대는 이제 오래전에 지나간 것 같습니다. 사용자들은 단순히 보기 좋은 디자인보다는 UI에 관심을 두게 되었고, 이제는 사용자 경험에 기반한 설계/디자인/개발(UX)에 관심을 가집니다. pxd는 오래전부터 사용자 경험 개선에 기반하는 설계/디자인 컨설팅 및 구축 작업을 해왔었고, 지금은 사용..