일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 페이지 라우팅
- nestJS
- WEB
- Web server failed to start.
- DTO typr
- vue install
- TypeScript
- BFF Pattern
- Vue
- 소돌엔
- java
- forwardRef()
- 돌소엔
- 명령어
- request dto
- npx install create-react-app
- springboot
- 필수명령어
- :src
- React
- @Overloading
- Port ~ was already in use.
- 순환종송석
- @ Deprecated
- linux
- 웹용어
- 권한세팅
- 카페
- 네스트제이에스
- 돌소
- Today
- Total
유바바아들 닮은 개발자의 끄적끄적
[ 웹 개발 ]웹 접근성이란? 본문
웹 접근성은 웹사이트, 애플리케이션, 디지털 콘텐츠 등의 디자인과 개발 과정에서 모든 사람들이 동등하게 접근하고 사용할 수 있도록 하는 원칙과 가이드라인의 집합입니다. 이는 장애를 가진 사람들, 노인, 저시력자, 저청력자, 인지적 제약이 있는 사람들을 포함하여 다양한 사용자들을 고려합니다.
웹 접근성은 다양한 측면을 고려하여 구현되어야 합니다. 아래는 웹 접근성을 보장하기 위한 주요 원칙과 관련된 사항들입니다:
대체 텍스트: 이미지, 오디오, 비디오 등의 비시각적 콘텐츠에 대한 대체 텍스트를 제공해야 합니다. 이를 통해 스크린 리더 등 보조 기술을 사용하는 시각 장애인이나 텍스트로만 정보를 이해하는 사용자들이 해당 콘텐츠를 이해할 수 있습니다.
키보드 접근성: 키보드로만 웹사이트를 탐색하고 상호 작용할 수 있어야 합니다. 이는 마우스를 사용할 수 없는 사람들이나 저시력자 등을 고려한 것입니다.
명료성: 명확하고 이해하기 쉬운 콘텐츠를 제공해야 합니다. 문장과 단락은 간결하고 일관성 있어야 하며, 어려운 용어나 약어는 설명되어야 합니다.
콘텐츠 구조: 웹페이지의 구조를 명확하게 표현해야 합니다. 제목, 목록, 표 등을 적절하게 사용하여 콘텐츠의 계층과 관계를 이해하기 쉽게 만들어야 합니다.
색상 대비: 적절한 색상 대비를 유지해야 합니다. 이는 시각적으로 장애를 가진 사람들이 콘텐츠를 명확하게 읽고 이해할 수 있도록 도와줍니다.
자막과 수화: 오디오나 비디오 콘텐츠에는 자막이나 수화를 제공해야 합니다. 이를 통해 청각 장애인이 해당 콘텐츠를 이해할 수 있습니다.
유연한 콘텐츠: 다양한 기기와 화면 크기에 대응할 수 있도록 반응형 웹디자인을 채택하고, 콘텐츠가 확대/축소되어도 정보의 손실 없이 읽고 사용할 수 있어야 합니다.
웹 접근성은 사용자들에게 동등한 기회와 정보에 접근할 수 있는 환경을 제공함으로써 사회적 포용성과 참여를 증진시킵니다. 이를 위해 웹 개발자와 디자이너는 웹 접근성 가이드라인을 따르고, 보조 기술과의 호환성을 고려하여 웹사이트를 구축해야 합니다.
'웹개발' 카테고리의 다른 글
[ 웹 개발 ] 클래스 , 메소드 또는 문서에 Deprecated 는 무슨뜻일까? (0) | 2023.07.20 |
---|---|
[ 웹 개발 ] HTTP GET Method는 URL 을 255자 이상을 허용한다. (0) | 2023.07.18 |
[ 웹 개발 ] 보일러 플레이트란?? (0) | 2023.07.18 |
[ 웹 개발 ] BFF 패턴에 대해 알아보자. (2) | 2023.07.10 |
[ 웹 개발 ] 웹 개발초보자가 알고 있으면 좋은 30가지 (0) | 2023.06.14 |