# accessibility

13개의 포스트

[FE로드맵] 웹 접근성

웹 접근성이란, WCAG(Web Content Accessibility Guidelines), 접근성 있는 웹 개발 팁

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

Apr 8, 2021, TIL (Today I Learned) - DynamicType, Accessibility

"With Text Styles APIs, Dynamic Type support is automatic"Typography - Visual Design - iOS - Human Interface Guidelines - Apple Developer특정 앱의 텍스트나 버튼

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

Session1_2. Semantic HTML

🔐Study Keyword : ✅HTML 코드가 🔑Semantic해야 하며 웹 접근성(Accessibility)을 고려해야하는 이유에 대해서 고고

2021년 8월 18일
·
2개의 댓글
post-thumbnail

Chrome lighthouse를 이용하여 웹 최적화 하기

WebP 이미지를 css에서 사용하기 위해서는 Modernizr가 가장 쉬운 방법이다. Modernizr는 브라우저에서 감지할 수 있는 특성을 감지하는 라이브러리인데, 이를 이용하면 .no-webp 아니면 .webp 를 이용하여 <link rel=preload>

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

프론트엔드 개발자라면 Accessibility를 생각하지 않을 수 없다

HTML을 배우던 어느날, 'aria-label'을 보고 감격했다. 이거 너무 멋져!! '웹 서비스를 원활하게 하는 건 코드 한 끝 차이구나'라는 생각을 했다. 오늘 내가 쓴 코드가 내일의 천 만 사용자를 끌어올수도, 버그만 유발하는 악성 페이지가 될 수도 있다. 모두

2021년 6월 20일
·
0개의 댓글
post-thumbnail

[TIL] 21.04.08.(Thu)

Accessibility, Accessibility Inspector, Dynamic Type, Scroll View에 대해 공부하였습니다.

2021년 4월 16일
·
0개의 댓글
post-thumbnail

[Xcode] Accessibility, Accessibility Inspector

접근성은 어떤 상황에도 컨텐츠에 자유롭게 접근할 수 있도록 도와주는 기능입니다. Accessibility는 무엇이고 Accessibility Inspector는 어떻게 사용할까요?

2021년 4월 16일
·
0개의 댓글
post-thumbnail

[iOS] Accessibility Inspector

저번 시간에 Accessibility Labels에 대해서 알아보았는데, 그럼 이제 어떻게 Label을 작성하는지에 대해 궁금해졌지 않은가??그래서!!WWDC2019 에서 발표된 내용을 바탕으로 Accessibility Inspector을 이용한 Accessibilit

2021년 4월 9일
·
0개의 댓글
post-thumbnail

[iOS] Accessibility Labels

iOS 환경은 개인마다 다른 시력, 색맹, 기기 고장 등의 상황에도 iOS를 이용자가 제대로 사용할 수 있게 Accessibility (접근성, 손쉬운 사용) 이라는 것을 만들어 놨다!!개인적으로 터치 버튼이 iPhone 8에서 사용하던 중 고장이 나서 Assistiv

2021년 4월 9일
·
0개의 댓글
post-thumbnail

Semantic Tag / Semantic Web

Semantics 언어학 및 논리학의 기본 분야 중의 하나로 말이나 글의 의미 또는 뜻을 연구하는 분야. 단어의 의미들 사이의 관계에만 적용되는 것이 아니라 구 (언어), 절 (언어), 문장, 텍스트의 의미를 논하는 데 적용됨 이는 프로그래밍 언어를 이루는 요소

2021년 2월 16일
·
0개의 댓글

Labels and text alternatives (라벨과 대체 텍스트)

의미있는 요소에 적절한 라벨이나 대체 텍스트가 우리에게 주는 효과

2020년 12월 3일
·
0개의 댓글

Image elements do not have [alt] attributes

이미지 요소에 alt 속성이 없습니다. > 이미지의 정보 요소는 짧게 서술되는 대체 텍스트를 제공하는 것을 목표로 해야합니다. 이미지 로드가 실패할 경우, alt 속성 내 제공된 텍스트가 해당 이미지에 대한 정보를 제공하는 역할을 합니다.

2020년 11월 21일
·
0개의 댓글

Document doesn't have a <title> element

문서에 <title> 요소가 없습니다. > 검색엔진이 사용자가 찾고자 하는 것과 크게 연관성이 있는지 여부를 결정할 때 제목에 크게 의존합니다. <title>은 스크린리더 유저와 다른 보조공학 기기 사용자들에게 페이지의 개요를 제공합니다.

2020년 11월 12일
·
0개의 댓글