# 웹 접근성
HTML5 시맨틱 태그와 웹 표준을 지키는 이유
본 내용은 공부용(학습용)으로 작성되었습니다.프로그래밍에서,시맨틱은 코드 조각의 의미를 나타냅니다 — 예를 들어 ("이게 어떻게 시각적으로 보여질까?" 보다)"이 Javascript 라인을 실행하는 것은 어떤 효과가 있는가?", 혹은 "이 HTML 엘리먼트가 가진 목적

[WEB]웹 접근성(ft.WAI-ARIA)
일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻합니다.1\. 사용자층 확대웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 됩니

웹 접근성 - 2 (프로젝트 개선)
널리에서 웹 접근성 강의를 듣고 설명을 듣다보니 다양한 사용자들을 고려하지 않은 웹이었다는 생각이 들었다. 그래서 강의 들은것과 추가로 또 공부한 것들을 적용해보며 개선 해보려고 한다.!이 속성은 이 HTML 문서가 어떤 언어로 사용 되었는 지를 나타낸다.속성을 지정하
웹 접근성 - 개발 팁
폼 요소의 id 어트리뷰트와 연결되어있는 label의 for 어트리뷰트를 사용하거나, WAI-ARIA 어트리뷰트를 사용을 한다.label 요소를 시각적으로 숨기기 위한 목적이 아니라면, 모든 리더기가 사용자가 입력한 input을 올바르게 이해할 수 있도록 label을
웹 접근성 - 디자인 팁
전경 텍스트는 배경색과 충분한 대비를 가져야 한다. 여기에는 이미지, 배경 그라디언트, 버튼 및 기타 요소의 텍스트도 포함된다.로고나 사진에 있는 텍스트와 같은 부수적인 텍스트에는 적용되지 않는다.명암비 확인 방법(https://www.w3.org/WAI/te

웹 접근성 - 1 (널리 강의)
널리에서 강의를 듣고 정리한 내용이다. 원래 아는것도 있었지만, 몰랐던 것들도 많았다.. 😭 정리한 내용을 바탕으로 내 프로젝트에 적용해볼 생각이다. 🔥시각적으로 정보를 습득하기에 어려움을 겪는 사용자들은 스크린 리더로 해당 컨텐츠를 음성으로 듣기 때문에 텍스트가
웹 접근성 (Web Accessibility)
보편적인 사용자 외에 신체적인 불편함이 있거나, 고령자, 혹은 다양한 디바이스 환경이나 운영체제에서 사용하는 사용자가 어려운 없이 접근이 가능하고 쉽게 이용할 수 있도록 서비스를 제공하는 것을 접근성 이라고 한다.사용자의 신체적 특성이나 지역, 지식의 정도, 기술, 기
웹 표준 & 접근성
웹 표준 W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 작동 기법을 담고 있다. 웹 표준의 장점 유지보수의 용이성 웹 호환성 확보 검

웹 표준과 웹 접근성
안녕하세요. 오늘은 웹 표준과 웹 접근성에 대해서 공부한 내용을 정리해보려 합니다.정리하는 내용에서는 표준이 왜 필요하고, 표준을 잘 지킴으로써 얻는 이점이 무엇이 있는지 알아보며, 이를 통해 보다 좋은 프로그래머가 될 수 있도록 합니다.웹 접근성 파트에서는 기술을 위

웹 접근성
오늘은 웹 접근성에 대해 알아보자!웹 접근성(Web Accessibility)일반적으로 웹 접근성은 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것을 뜻한다.비장애인도 정보 접근에 제한을 받는 불편함을 겪을

[Web] 웹 표준 & 접근성
장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것사용자층 확대웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 된다. 그만큼 사이트의 이용자를 늘릴 수 있고, 새

[사용자 친화 웹] 웹 표준 & 접근성
1. 웹 표준 > 학습 목표 웹 표준의 개념과 등장 배경을 기억한다. 웹 표준을 지켰을 때의 장점을 이해한다. Semantic HTML을 작성해야 하는 이유를 이해한다. Semantic HTML을 작성하는 방법을 이해한다. 자주 틀리는 마크업 규칙과 올바르게 작성하는 방법을 기억한다. 크로스 브라우징의 개념과 방법을 기억한다. 1-1. 웹 표준의 개념 인...

[React] 웹 접근성 강화하기
'웹 접근성'이란? 저시력자, 청각이상자, 고령자 등을 가리지 않고 모든 사람이 웹 사이트에서 제공하는 정보에 동등하게 접근하고 이해할 수 있도록 보장하는 것을 말한다. 크롬 개발자 도구에는 현재 페이지에 대한 웹 접근성 점수를 측정할 수 있는 Lighthouse라는
웹 접근성을 위해 아이콘 버튼 IR 기법을 활용하기
haoshop-refactorgin모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것즉, 어떠한 사용자(일반인, 장애인, 고령자 등)가 어떠한 환경(브라우저, 운영체제, 디바이스의 환경이나 사양 등)ㅇ에서도 어려움 없이 접근, 이
웹 접근성, 검색엔진 최적화 기본 사항🎅
한 줄 정의 ) 장애, 비 장애 모두가 웹사이트를 이용 할 수 있는 걸 의미 웹 접근성 고려한 프로젝트를 진행 한다.
Unit5 회고
웹 표준 & 웹 접근성 🔆 웹 표준 웹 표준의 개념 > Web이란❓ Web이란 인터넷에 연결된 컴퓨터를 통해 사용자들이 정보를 공유할 수 있는 하나의 '공간'을 말한다. 즉, 문서나 이미지, 영상 등의 다양한 정보를 여러 사람들과 공유할 수 있는 공간이다. World

웹 접근성 (Web Accessibility)
: 웹 사이트에서 제공하는 정보에 장애인, 고령자 등이 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것아래의 지침은 W3C의 웹 접근성 권고안 "WCAG(Web Content Accessibility Guidelines) 2.0"을 기반으로 한국에 맞게 수정