# a11y

14개의 포스트

멋사 스쿨_A11Y_웹접근성

The power of the Web is in its universality. access by everyone regardless of disability is an essential aspect.AOA11Ycimenticwcag(https://www.w3

2023년 5월 26일
·
0개의 댓글
·
post-thumbnail

웹 접근성 공부하기 [1]

웹 접근성에 대해 제대로 공부해보기로 했다.

2023년 5월 15일
·
0개의 댓글
·

html, css로 접근성 챙기기

접근성은 개인의 신체적, 인지적 능력 및 웹에 접근하는 방법과 관계없이 가능한 한 접근할 수 있도록콘텐츠를 개발하는 것을 의미한다.즉, 웹페이지를 신체적인 어려움에서도 어떻게든 사용할 수 있게 만들어야한다.키보드로 움직인다.스크린리더의 도움을 받는다.등의 방법이 있다.

2023년 3월 30일
·
0개의 댓글
·

웹 접근성 ( Accessibility, a11y )

웹 접근성 지침

2022년 12월 17일
·
0개의 댓글
·

디자인으로 변형된 표의 문서 구조 돌려놓기

최근에 받았던 디자인으로, 두 가지 서로 다른 옵션에서의 스펙을 약간의 애니메이션이 가미된 화면으로 보여주는 것이 있었다.

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

커스텀 체크박스 만들기 with React

서비스를 만들 때 프론트엔드단에서 자주 구현하게 되는 입력폼. 실무에서 자주 사용하는 툴인 React와 styled-component를 이용해, 원하는 디자인을 커스텀 구현하면서도 최대한 기본 엘리먼트가 갖춘 장점들을 가져갈 수 있는 방법을 찾아보았다.

2022년 3월 27일
·
0개의 댓글
·

웹 접근성

input에 파란테두리가 미워보여 focus에 outline: none해보신 분(저요✋!) :focus는 입력장치가 없는 (마우스, 트랙패드 또는 터치스크린의 손가락)를 사용하지 않는 사람들에게 유용하다는 점에서 중요하다. 포커스 스타일은 현재 위치와 선택된 요소를

2022년 2월 14일
·
0개의 댓글
·
post-thumbnail

outline:0 을 그냥 둔다고?

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

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

보조기기를 위한 스피너

🚩 보조기기를 위해 비시각적인 정보를 제공하는 스피너를 만들어보자

2022년 1월 15일
·
0개의 댓글
·
post-thumbnail

[a11y] 웹 표준 및 웹 접근성을 고려한 UI란?

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

2022년 1월 11일
·
0개의 댓글
·
post-thumbnail

접근성 QA 회고

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

2021년 11월 25일
·
0개의 댓글
·

[접근성] Landmark와 role

Landmark role - banner, navigation, search, form, main, complementary, contentinfo, region

2021년 11월 9일
·
0개의 댓글
·
post-thumbnail

[HTML/CSS] A11Y

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

2021년 10월 25일
·
0개의 댓글
·
post-thumbnail

너도, 나도, 동등하게 살아가는 웹 세상

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

2021년 10월 18일
·
0개의 댓글
·