Hello_coding

  • 홈
  • 태그
  • 방명록
  • front-end

카카오 1

[CSS] IR기법

🚀 IR(Image Replacement) 기법이란? - 디자인적으로는 보이지 않지만 스크린리더나 브라우저를 위해 정보를 전달하는 텍스트를 숨기는 방법 1. 카카오(다음)에서 사용하는 방식 - pc용 | 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 사용 | 스크린리더가 읽음 (background-img에서 alt값을 줄 수 없으니 class 사용!) .ir_pm{ display:block; overflow:hidden; Font-size:1px; line-height:0; text-indent:-9999px; } - Mobile용 | 사용된 이미지내 의미있는 대체텍스트를 제공할때 사용 | 스크린리더가 읽음 .ir_pm{ display:block; overflow:hidden; font-size..

FE/HTML,CSS 2022.04.19
이전
1
다음
더보기
프로필사진

Hello_coding

  • 분류 전체보기
    • FE
      • JavaScript
      • HTML,CSS
      • REACT
      • Redux
      • TypeScript
      • Pattern
    • BE
      • HTTP
      • Node
      • AWS
    • 개발자가 꼭 알아야할 지식
    • 코딩테스트
      • 프로그래머스
    • 멋쟁이사자처럼
    • 독서
    • Git , Github
    • FE필수개념
    • 에러해결하기

Tag

자바스크립트, TpyeScript, 멋쟁이사자처럼, react, spa, TypeScript, CSS, 프로그래머스, node.js, 코딩테스트, JS, 리덕스툴킷, HTML, 프론트엔드, http, 프론트엔드스쿨2기, 프론트엔드스쿨, 리덕스, useEffect, 리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바