# 웹 접근성

27개의 포스트
post-thumbnail

[web] 웹 콘텐츠 접근성 지침

: 사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 제공하는 것을 의미한다.대체 텍스트 : 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.멀티미디어 대체 수단 : 멀티미디어 콘텐츠

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

[web] 웹 표준 및 웹 접근성 용어정리

원본 보고서한국형 웹 콘텐츠 접근성 지침(http://news.seoul.go.kr/snap/doc.html?fn=5552af1b5fb910.17981163.pdf&rs=/wp-content/blogs.dir/30/files/2014/01/장애인이나 노인과 같

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

웹 표준과 웹 접근성

정의 : 어떠한 운영체제나 브라우저를 사용해도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙.웹 표준 관련 기술\-> 구조 : HTML & XML\-> 표현 : CSS\-> 동작 : Script웹 표준의 장점브라우저와 OS에 관계없이 하나의 코

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

웹 표준과 웹 접근성

웹에 접속하는 브라우저의 종류나 버전에 따라서 화면에 렌더링되는 모습에 차이가 있게 되는데요. 모든 사용자에게 어떠한 환경에서 접속하든 같은 화면을 보여주고 정보와 의미를 잘 전달하기 위해 제시된 표준안에 따라 정해진 기술과 규칙을 사용하는 것입니다. 웹표준은 월드 와

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

웹 접근성을 고려하여 HTML 설계해보기

제대로 된 코드를 보고나니 나는 여태까지 개발을 하면서 진정으로 웹 접근성을 고려하면서 html구조를 설계해본 적이 단 한번도 없었다는 것을 깨달았다. 시맨틱 태그에 대한 고려는 단순히 div대신 section이나 article 태그를 사용하는 것에서 그치고, 화면에

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

[Front-End] 웹 접근성

thumbnail웹 접근성(Web Accessibility)이란 장애인 고령자 등이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용할 수 있도록 보장하는 것입니다.웹은 기본적으로 모든 사람이 사용할 수 있도록 설계되어 있습니다. 웹이 이 설계 목표를 달

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

웹 접근성은 무엇인가요?

웹 접근성이 무엇인지, 왜 지켜야하고 어떻게 향상시키는지 에 관하여

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

HTML, CSS, JavaScript 웹표준과 웹 접근성에 대하여

HTML, CSS, JavaScript 웹표준과 웹 접근성에 대하여

2021년 8월 23일
·
0개의 댓글
post-thumbnail

Web | Semantic Web

출처HTML 바로 알기 Semantic Web을 위한 Semantic Elements (https://blueshw.github.io/2020/05/09/know-html-semantic-elements/) 초기의 Web은 정보를 시각화하여 사용자에게 보여주었

2021년 8월 3일
·
0개의 댓글
post-thumbnail

웹 표준(Web Standard)

웹에서 사용되는 표준 기술이나 규칙이다. 웹 브라우저, 웹 사이트를 만들 때 웹 표준을 지킨다면 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 볼 수 있다.웹 브라우저는 웹 표준을 기반으로 만들어지는데 회사마다 다르게 표현될 수 있다. 이 경우 사용자들에게 동

2021년 8월 1일
·
0개의 댓글

HTML Form 코딩 (학습 10일차 TIL)

210622 오늘은 form 형식 코딩에 관하여 학습했다.input에 required(필수적으로 입력할 요소)를 써주면 입력란을 작성하라는 말풍선이 나타난다.input - autofocus = 자동 커서(1개만 가능)input - type="search"로 하면 입력한

2021년 6월 22일
·
0개의 댓글

HTML 학습 3일차 (8일차 TIL)

210618 시간이 느린듯 빠르게 지나간다.오늘은 ul, dl, dt, dd 활용에 대해서 학습했다.VSC Short cut! + tab 해도 HTML5형식의 문서 구조가 자동 완성 된다.내어쓰기 Shift + tab현재 라인 이동 - (이동할 부분 선택) Alt +

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

HTML 학습 2일차 (7일차 TIL)

210617 오늘은 HTML 태그 중 링크(a), 이미지(img), 목록(list) 태그에 관해 학습했다.VSC 자동 태그 닫기가 적용이 안된다면 하단에 HTML 설정이 되어 있는지 확인한다.창 크기가 작어서 긴 문장 등을 보기 불편하면 alt + z 키를 누른다.웹

2021년 6월 17일
·
0개의 댓글

웹 접근성 향상

헤딩태그(h1~h6) 목록(ul,ol,dl) 문단(p) 태그 등을 이용하여 내용에 맞게 태그를 분리하여야 한다

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

웹 표준(Web Standard)

월드 와이드 웹의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인인터넷을 이용할때 같은 웹 페이지라면 어느 브라우저를 사용하는지 여부에 상관없이 그 웹페이지가 똑같이 보이고 정상적으로 작동을 해야한다산업표준이 왜 존재하는지, 도량형이 왜 존재

2021년 5월 21일
·
0개의 댓글

웹 접근성과 웹 표준

장애를 가진 사람들이 웹 콘텐츠를 인지하고, 편리하게 사용할 수 있으며, 그 내용이 쉬워야 하며, 견고성을 지녀야 합니다. 즉 제약을 가진 사용자(장애인, 노인 등), 혹은 어떠한 기술환경에서도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록

2021년 5월 13일
·
0개의 댓글

ARIA의 속성,상태,역할 및 사용 예시/주의사항

출처: youtube aoa웹접근성 채널role="application":동일요소x,div요소와같이 그룹역할을하는 요소로 대체role="banner":비슷한 의미로 <header>사용가능 -> <header role="banner"> 로 사용시 1페이지에서

2021년 3월 17일
·
0개의 댓글

figure,  time / ARIA(accessible rich internet application)

:figure요소는 독립적인 콘텐츠를 표현한다. figcaption요소를 사용해서 콘텐츠에 대한 설명을 덧붙힐 수 있다. 기계가 읽을 수 있는 형태로 날짜와 시간을 표현할 때 사용.:시간의 특정 지점 또는 구간을 나타낸다. datetime특성의 값을 지정해서 적절한

2021년 3월 17일
·
0개의 댓글

레이아웃을 위한 이론(position, inline/inline-block)/ 웹 접근성을 높이기 위한 방법(마크업, 스타일)

:normal-flow요소로 마크업되는 순서대로 차례대로 렌더링 된다. position property의 기본value이다.:자신의 상위 컨텐츠(부모요소)를 기준으로 해서 그 기준에 절대적으로 위치를 잡는다. (레이어로써 float처럼 부유하게 된다. 넓이는 자신의 컨

2021년 3월 17일
·
0개의 댓글

웹 표준, CSS의 네이밍 방법론과 아웃라인 배치, 스타일,초기화 적용방식 및 웹 폰트(Web Font)

초안 -> 작업 초안 -> 권고 후보 -> 최종 권고안 -> 권고안아이디 사용법(Unique) : 폼에서 많이 사용, 한 개의 아이디는 단 한번만 사용 가능하다.(중복 불가)클래스 사용법(중복, 복수적 사용가능) : div에서 많이 사용한다.좋지 못한 네이밍 ex> b

2021년 3월 17일
·
0개의 댓글