# accessibility

20개의 포스트
post-thumbnail

6월 20일 (월)

label이나 button은 기본으로 true지만 imageView등은 false이다.접근성 문구이다.button의 경우 image가 있다면 해당 image이름으로 label이 설정되기 때문에 따로 설정이 필요할 수 있다.추가 버튼일 경우 button 인 것을 insp

2022년 6월 22일
·
0개의 댓글
post-thumbnail

[FE Road Map] Accessibility - 접근성

정보에 대한 접근 → 인권인터넷은 모든 사람을 위한 것임청력 → 오디오 스크립트, 비디오 캡션시각 → TTS, 확대 축소, 대비, 색맹<div/> <span/> 의 경우 우리에게 아무런 정보를 주지 않음시각 장애인 → 스크린 리더를 사용하여 웹 페이지 섹션

2022년 5월 20일
·
0개의 댓글
post-thumbnail

[iOS]사용자의 폰트 사이즈 정보에 따라 UI 바꿔주기

📱 사용자의 폰트 사이즈 정보에 따라 UI 바꿔주기 웨더의 추천으로 어떤 블로그에서 접근성 설정을 하지 않는 것은 인종차별을 하는 것과 마찬가지다 라는 글을 읽었다. (아래 링크를 달아두었다.) 어떤 의미로 이런 제목을 다셨는지는 이해가 되었다. 실제로 아이폰에

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

웹 접근성(Accessibility, a11y)

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

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

Accessibility Inspector

접근성 개발에 있어 쉽게 도와주는 녀석이 있다! Accessibility Inspector!

2022년 3월 29일
·
0개의 댓글
post-thumbnail

VoiceOver

Accessibility 자체만 해도 상당히 방대한 개념이다. 이번에는 iOS 개발자가 실제로 많이 사용하는 Accessibility인 Voice Over를 UIKit에 적용하는 방법에 대해 알아보자.

2022년 3월 29일
·
0개의 댓글

[접근성] Landmark와 role

Landmark role - banner, navigation, search, form, main, complementary, contentinfo, region

2021년 11월 9일
·
0개의 댓글

[FE로드맵] 웹 접근성

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

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

ARIA

ARIA에 대해 알아보자

2021년 9월 4일
·
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

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개의 댓글