RESOURCE/웹표준&접근성 3

[접근성]웹 접근성을 고려한 HTML

웹 접근성을 고려한 HTML 접근성을 고려한 HTML 을 작성하는 방법을 배워 보자. HTML과 접근성 의도와 목적에 맞게 올바른 HTML을 구현하는 것은 왜 중요할까? 예를 들어, 비디오를 재생하는 버튼을 html로 작성해 보자. 1) div태그 로 작성 Play video​ 2) 웹 접근성을 고려하여 button태그로 작성 Play video HTML에는 요소마다 의미가 내장되어 있다. button태그는 키보드 접근성이 내장되어 있어 tap으로 탐색가능하다. 웹접근성을 고려한 HTML을 작성한다면 시간적으로도 효율적이고 간결한 코드를 작성 할 수 있다. 장점 1. 개발하기가 더 쉽다. 일부 내장된 기능이 제공되어 이해하기도 더 쉽다. 2. 모바일에서 더 좋다. 시맨틱HTML은 의미없는 코드보다 파일이..

[웹 접근성] 웹 접근성 이란?

ACCESSIBLITY 접근성이 무엇인지, 웹 개발자에게 어떤 영향을 미치는지 등 접근성에 대해 알아보자. 접근성 (Accessibility) 이란? 웹 개발에서 접근성( 종종 A11y로 축약 - “a”+“알파벳 11자 ”+”y”) 은 사람들의 능력이 제한적인 경우에도 최대한 많은 사람들이 웹 사이트를 사용할 수 있도록 하는 것을 의미한다. 일반적으로 우리는 장애가 있는 사람들에 관련된 것이라 생각하지만, 사이트에 접속할 수 있도록 만드는 것은 모바일이나 열악한 인터넷 환경에서 이용하는 사람들과 같은 경우에도 포함된다. 또한 접근성은 능력이나 상황에 관계없이 모든 사람을 동일하게 대우하고 동등한 기회를 제공하는 것으로 생각할 수도 있다. 장애인 화장실이나 휠체어 경사로가 없는 건물이 잘못된 것처럼(현대 ..

반응형