DDODDO LAB

"속지 마세요" 진짜 시카 크림을 구별하는 화장품 전성분 판독법

병풀 추출물이 왜 진짜 효과가 있는지 논문 근거가 궁금하다면 [1편: 병풀의 진실 칼럼(https://ok-ddoddo.tistory.com/114)] 지난 칼럼에서 우리는 병풀 추출물이 왜 피부 재생과 장벽 강화에 효과적인지 논문 근거를 통해 확인했습니다. 세포 증식을 돕고 만성 염증을 억제하는 강력한 효능을 가졌다는 사실을요.하지만 시중의 수많은 시카 제품 중에는 병풀을 단 0.001%만 넣고도 '시카 크림'이라는 이름을 달고 나오는 제품이 수두룩합니다. 심지어 '병풀 추출물 80% 함유'라고 적힌 제품조차 실제로는 효능이 미미한 '물 탄 병풀'일 수 있죠.내 돈을 지키고 피부를 살리는 논문 기준 '진짜 시카 화장품' 판독법, 화장품 뒷면의 '전성분 표'만 보고 3초 만에 구별하는 핵심 가이드를 공개..

병풀의 진실: 병풀 추출물은 정말 돈값을 할까?

화장품 성분 트렌드가 아무리 빠르게 변해도 십수 년째 '부동의 상위권'을 지키는 원료가 있습니다. 바로 시카(Cica)라는 이름으로 더 익숙한 '병풀 추출물(Centella Asiatica)'입니다. 상처 입은 호랑이가 이 풀 위에서 뒹굴며 치료했다는 전설 같은 이야기와 함께, 지금은 민감성 피부를 위한 만병통치약처럼 여겨지곤 합니다.하지만 냉정한 소비자의 관점에서 의문이 듭니다. "이거, 진짜 효과가 있는 걸까요? 아니면 마케팅이 만든 환상일까요?"결론부터 말씀드리면, 병풀은 논문으로 검증된 강력한 효능 원료가 맞습니다. 단, '어떻게 추출했는가'라는 치명적인 조건이 붙습니다. 논문의 데이터로 그 진실을 파헤쳐 봅니다.1. 피부 장벽과 재생: 단순한 진정을 넘어선 세포 증식많은 사람이 병풀을 단순히 '..

웹 접근성 실무 기준 정리aria-label vs sr-only 차이 (실무 기준) 웹 접근성을 고려한 퍼블리싱을 하다 보면aria-label 속성을 자주 사용하게 된다.하지만 많은 퍼블리셔들이 다음과 같은 고민을 한다.aria-label은 언제 사용해야 할까?label 태그 대신 써도 될까?sr-only와 어떤 차이가 있을까?이번 글에서는 aria-label을 언제 사용해야 하는지퍼블리싱 실무 기준으로 정리해보자. aria-label이란?aria-label은 ARIA(Accessible Rich Internet Applications) 속성 중 하나로요소의 이름을 스크린리더에게 제공하는 역할을 한다. 이 경우 화면에는 아이콘만 보이지만스크린리더는 다음처럼 읽는다."검색 버튼" 즉 aria-labe..

퍼블리셔 실무 기준 정리웹 퍼블리싱에서 버튼은 사용자 인터랙션의 핵심 요소다.하지만 단순히 디자인만 고려해서 버튼을 만들면스크린리더 사용자나 키보드 사용자에게는 사용하기 어려운 UI가 될 수 있다.그래서 접근성을 고려한 버튼 마크업은 다음 기준을 지켜야 한다.올바른 HTML 요소 사용명확한 텍스트 제공키보드 접근 가능아이콘 버튼 설명 제공이번 글에서는 접근성 좋은 버튼 마크업 방법을 실무 기준으로 정리해보자. 1. 버튼은 button 태그 사용하기가장 기본적인 접근성 원칙이다.버튼 기능에는 반드시 button 태그를 사용하는 것이 좋다. 올바른 예확인 button 태그는 기본적으로키보드 접근 가능스크린리더 인식 가능클릭 이벤트 지원을 제공한다. 잘못된 예확인 div를 버튼처럼 사용하는 것은 좋지 않다...

퍼블리셔 실무 기준 정리웹 접근성(A11Y)은 장애가 있는 사용자뿐만 아니라모든 사용자가 웹을 편하게 이용할 수 있도록 만드는 중요한 요소다. 특히 공공기관이나 서비스 사이트에서는 웹 접근성 준수 여부가 매우 중요한 기준이 된다. 이번 글에서는 퍼블리싱 실무에서 꼭 확인해야 할 웹 접근성 체크리스트 10가지를 정리해보자. 1. 이미지에는 대체 텍스트 제공하기이미지에는 반드시 alt 속성을 제공해야 한다. 스크린리더 사용자는 이미지를 직접 볼 수 없기 때문에 대체 텍스트가 중요하다.✔ 의미 있는 이미지 → alt 작성✔ 장식 이미지 → alt="" 2. 키보드로 모든 기능 사용 가능해야 한다마우스를 사용하지 못하는 사용자를 위해키보드만으로도 모든 기능을 사용할 수 있어야 한다. TAB 이동 가능버튼 포..

웹 접근성에서 언제 사용해야 할까?웹 접근성을 고려한 퍼블리싱을 하다 보면 자주 등장하는 두 가지 방법이 있다.aria-labelsr-only 둘 다 스크린리더 사용자에게 정보를 전달하기 위한 방법이지만사용 목적과 상황은 조금 다르다.실무에서 헷갈리기 쉬운 aria-label vs sr-only 차이를 정리해보자. aria-label이란?aria-label은 ARIA 속성 중 하나로요소의 이름(라벨)을 스크린리더에게 제공하는 역할을 한다.예를 들어 아이콘 버튼이 있다고 가정해보자. 화면에는 아이콘만 보이지만스크린리더는 다음처럼 읽는다."검색 버튼" 즉 aria-label은✔ 화면에 텍스트가 없어도✔ 스크린리더에 설명을 제공한다. sr-only란?sr-only는 CSS 패턴으로화면에서는 보이지 않지..