# 웹 접근성

31개의 포스트
post-thumbnail

시멘틱 태그와 헷갈리기 쉬운 HTML 태그들

이 포스트에서는 시멘틱 태그, 웹 접근성, SEO의 개념에 대해서 정리하고, 헷갈리기 쉬운 HTML 태그들을 비교할 것이다. 얼마 전에 보았던 면접 내용을 복기하면서, 부끄럽게도 기본적으로 알아야 하는 질문들에 대해 제대로 답변하지 못한 기억이 나서 정리해본다. 포스팅

2022년 4월 25일
·
2개의 댓글
post-thumbnail

웹 접근성(Accessibility, a11y)

웹 접근성은 모든 신체적 한계, 환경적 한계를 고려해 개발하는 것을 의미합니다. 웹 접근성을 따르는 개발은 장애가 있거나 노령으로 인한 신체 변화, 여러 기기 환경을 사용하는 모든 사람이 웹 사이트와 도구등을 사용할 수 있도록 개발 라는하을 의미합니다. WCAG(Web

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

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

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

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

[회고] - 네카라쿠배 프론트엔드 2기

2021.07.12부터 2022.01.28까지의 네카라쿠배 프론트엔드 2기 과정을 회고하고, 앞으로의 계획을 작성한 글입니다.

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

웹 접근성 | WAI-ARIA

접근가능한 리치 인터넷 어플리케이션 (Accessible Rich Internet Application, ARIA)장애를 가진 사용자가 웹 콘텐츠와 웹 어플리케이션에 더 쉽게 접근할 수 있는 방법을 정의하는 여러 특성특히 JavaScript를 사용하여 개발한 웹 어플리

2022년 1월 30일
·
0개의 댓글
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 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개의 댓글