# Web Accessibility

10개의 포스트

[Web Accessibility] 콘텐츠 숨기기(blind)

display: none 과 visibility: hidden은 둘 다 콘텐츠를 숨길 수 있지만, 스크린 리더로 읽을 수 없기 때문에 접근성에 문제가 있습니다.스크린 리더는 width, height 사이즈가 0인 엘리먼트의 콘텐츠를 읽을 수 없으니, 엘리먼트 사이즈는

어제
·
0개의 댓글
·
post-thumbnail

우리는 웹 접근성과 친해져야 합니다.

웹의 힘은 "보편성"에서 나온다. 거대한 네트워크가 모여 웹의 힘을 만든다. 그 네트워크에서 장벽을 세우는 개발자가 되지 말자.

2022년 8월 1일
·
15개의 댓글
·

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

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

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

웹 표준과 웹 접근성

1. 웹 표준 1-1. 웹 표준이 등장한 배경 초기 1990년대 후반에는 넷스케이프와 인터넷 익스플로러가 서로 웹을 장악하기 위한 전쟁을 치열하게 벌였다. 당시에 개발자는 넷스케이프와 인터넷 익스플로러, 즉 2가지 버전의 페이지를 모두 개발했어야 했다. 중기

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

모두가 쓸 수 있는 웹에 대하여 (Web Accessibility)

웹 접근성에 대해 소개합니다

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

(번역) 웹 접근성의 기본 사항

부제 : 웹 사이트를 개선하고 보다 쉽게 접근성을 높일 수 있는 팁과 도구

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

[HTML] 웹 접근성(Web Accessibility)과 WAI-ARIA

WAI-ARIA, 웹접근성에 대해 다룬다.

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

Web Accessibility & Semantic Markup

웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것이다."장애인이 웹상에서 제공되는 텍스트와 이미지, 영상 등을 접했을 경우, 한눈에 재빨리 내용 파악이 가능하

2020년 12월 28일
·
0개의 댓글
·
post-thumbnail

입력 서식 관련 접근성(IATC)

2019년 11월 22일 정보접근성 기술 컨퍼런스를 다녀온뒤 세미나 내용을 정리 및 입력 서식 관련 접근성 대비에 관련한 내용이다.<label>에 for와 <input>의 id를 동일하게 맞추어 준다. <label>을 클릭하면 해당 폼으로 커서가 이동한

2020년 6월 6일
·
0개의 댓글
·
post-thumbnail

웹 접근성 정의 및 대비 방법(IATC)

2019년 11월 22일 정보접근성 기술 컨퍼런스를 다녀온뒤 세미나 내용을 정리 및 웹 접근성에 대해 작성한 글이다.웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장

2020년 6월 6일
·
0개의 댓글
·