인프런 커뮤니티 질문&답변
작성한 질문수
[카드게임] 카드게임 타이틀 부분 질문있습니다.
작성
·
123
0
타이틀 부분 스타일링 부분에서 질문이 있습니다.
강의 2분50초경에서 .tit-image의 overflow속성을 hidden으로 지정해주는 것은 html파일에서 작성한 card game 텍스트를 숨겨주기 위함이라고 하셨습니다.
어차피 이미지로 구현하는데 텍스트를 적어주는 이유가 뭔지 궁금합니다! 가려지도록 하지만 텍스트도 적어주는 다른 이유가 있나요? 제가 생각한 이유는 웹 접근성을 위해서 적어놓기만 하고, overflow와 text-indent를 지정해주어서 아예 보여주지 않는 것이라고 이해했는데 이게 맞을까요?
좋은 강의 감사합니다!!
답변 1
1
-J-
지식공유자
안녕하세요 뿡치님! 반갑습니다 :)
넵 말씀하신 텍스트를 굳이 작성하면서도 숨겨주는 이유는 웹접근성 때문입니다!
해당 이미지를 img 태그로 작성하지 않고 요소의 백그라운드 이미지로 작업하고 있지요?
백그라운드 이미지로 작업하면 img 태그의 alt 속성처럼 이미지에 대한 설명을 제공할 방법이 없기 때문에
영상과 같은 방법으로 구현한겁니다. 이렇게 하면 스크린리더를 이용하는 사용자들은 해당이미지의 정보를 음성으로 파악할 수 있지요!
좋은 질문 감사합니다!
답변이 도움이 되길 바라겠습니다 :)
명확하게 이해됐습니다! 친절한 답변 감사합니다!!!