728x90 300x250 SMALL Front-end/HTML80 aria-hidden 사용법과 사용이유 'aria-hidden'은 웹접근성을 개선하기 위한 속성중 하나로 특정 요소를 스크린 리더등의 보조 기술이 무시하도록 지시하는 역할을 한다. 주로 css와 함께 사용되며, 웹페이지의 일부 콘텐츠를 시각적으로 숨기면서, 그 내용이 스크린 리더 등의 보조 기술에게는 여전히 사용 가능하도록 만들어준다. 사용법 이 콘텐츠는 시각적으로 숨겨짐 [aria-hidden="true"] {display: none;} css 통해 적용할 경우 .hidden{display:none;} 이 콘텐츠는 시각적으로 숨겨짐 사용 이유 1. 시각적으로 표시되지 않는 콘텐츠를 화면에서 감추기 위해 사용된다. 이를 통해 디자인 요소를 개선하고 uiux 기능을 향상시킬 수 있다. 2. 웹접근성 준수 : 시각적으로 숨겨진 콘텐츠를 스크린 리.. 2023. 11. 16. [bootstrap]tooltip(툴팁) 줄바꿈 br 효과 data-tooltip css pre-wrap; 설정 후 줄바꿈 할 영역에 ' '를 넣어준다. html css .tooltip-inner{white-space: pre-wrap;} 2022. 9. 7. 컨텐츠 요소를 안보이게 하는 방법 비 display : none; display : block; 영역 X 애니메이션 X visibility: hidden; visibility : visible; 영역 O 애니메이션 X opacity: 0; opacity:1; 영역 O 애니메이션 O 2022. 6. 22. [html] float으로 레이아웃 잡기1 보호되어 있는 글 입니다. 2022. 6. 6. 이전 1 2 3 4 5 ··· 20 다음 728x90 반응형 LIST
