# a11y
멋사 스쿨_A11Y_웹접근성
The power of the Web is in its universality. access by everyone regardless of disability is an essential aspect.AOA11Ycimenticwcag(https://www.w3
html, css로 접근성 챙기기
접근성은 개인의 신체적, 인지적 능력 및 웹에 접근하는 방법과 관계없이 가능한 한 접근할 수 있도록콘텐츠를 개발하는 것을 의미한다.즉, 웹페이지를 신체적인 어려움에서도 어떻게든 사용할 수 있게 만들어야한다.키보드로 움직인다.스크린리더의 도움을 받는다.등의 방법이 있다.
디자인으로 변형된 표의 문서 구조 돌려놓기
최근에 받았던 디자인으로, 두 가지 서로 다른 옵션에서의 스펙을 약간의 애니메이션이 가미된 화면으로 보여주는 것이 있었다.

커스텀 체크박스 만들기 with React
서비스를 만들 때 프론트엔드단에서 자주 구현하게 되는 입력폼. 실무에서 자주 사용하는 툴인 React와 styled-component를 이용해, 원하는 디자인을 커스텀 구현하면서도 최대한 기본 엘리먼트가 갖춘 장점들을 가져갈 수 있는 방법을 찾아보았다.
웹 접근성
input에 파란테두리가 미워보여 focus에 outline: none해보신 분(저요✋!) :focus는 입력장치가 없는 (마우스, 트랙패드 또는 터치스크린의 손가락)를 사용하지 않는 사람들에게 유용하다는 점에서 중요하다. 포커스 스타일은 현재 위치와 선택된 요소를

outline:0 을 그냥 둔다고?
🚩 GIFT 프로젝트 진행 중 키보드 접근성을 위해 focus된 요소에 시각적인 표현(테두리)를 넣어주는 작업을 각자의 컴퍼넌트에서 따로 하고 있었다. 이에 대한 통일된 스타일을 가지기 위해 글로벌 스타일로 지정하는 과정에서 팀원들과 어떤 방법이 가장 좋을지 고민해보

[a11y] 웹 표준 및 웹 접근성을 고려한 UI란?
웹 표준과 웹 접근성이란? 웹 접근성은 모든 사용자가 신체적,환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것이다. 예를들어, 컴퓨터를 사용할때 마우스가 없는 상황에 대비하여 키보드로만 조작을 가능하게 하거나, 색맹인 사람도 회원가입 절차를 문제 없

접근성 QA 회고
웹 접근성(Web Accessibility) 웹 사이트에서 제공하는 정보를 차별 및 제한 없이 동등하게 이용할 수 있도록 보장하는 것 장애인 및 고령자 등을 포함한 모든 사람 다양한 플랫폼 및 장치, 웹 브라우저 등의 모든 환경 접근성 QA 이슈 종류 이번 프로젝트
[접근성] Landmark와 role
Landmark role - banner, navigation, search, form, main, complementary, contentinfo, region

[HTML/CSS] A11Y
가능한 많은 사람이 웹 사이트를 사용할 수 있도록 하는 방법통상적으로 장애인만을 대상으로 한다고 생각하지만 실제로는 모바일 장치를 사용하는 사람이나 느린 네트워크 연결을 사용하는 사람들도 포함하여 모든 사용자를 대상으로 함시맨틱한 HTML은 \*SEO 향상시킴접근성에

너도, 나도, 동등하게 살아가는 웹 세상
포스팅 시작 이유 : 신입 개발자로서 웹접근성 관련 개발 능력을 증진하고자 공부하고 기록을 남기는 것이 일차적인 목적이다. 더 욕심을 내자면 나의 공부가 다른 개발자들의 웹접근성에 대한 관심을 조금이나마 일깨우고, 또 필요한 내용을 습득하는데 도움이 되길 바란다.