스크린리더가 이미지를 무시하는 방법 4가지

1. CSS의 background 속성 사용 .image {background-image: url(bg.gif);} 2. 태그에 alt 속성을 빈 값으로 사용 3. aria-hidden="true" 사용 4. role="presentation" 사용 참고:) https://aoa.gitbook.io/skymimo/aoa-2019/tips-2/ignore#less-than-img-greater-than-aria-hidden 제발 나를 무시해 주세요. - WCAG 2.1 항공사 WAI-ARIA 적용사례 1번 방법으로 사용하게 되면 스크린리더는 해당 영역을 "p"로 읽게 되어 스크린리더 사용자는 무엇을 읽는지 알 수 없게 된다. 2번 방법으로 사용하면 스크린리더는 해당 문구를 읽으려고 부단히 aoa.gitbo..

2023.01.03