C31: Using CSS Flexbox to reflow content
- 컨텐츠를 재배치하기 위해 Flexbox CSS를 사용합니다.
- 가로로 읽는 컨텐츠의 경우, 모든 내용과 기능이 가로 스크롤 없이 사용할 수 있는지 확인합니다.
- 세로로 읽는 컨텐츠의 경우, 모든 내용과 기능이 세로 스크롤 없이 사용할 수 있는지 확인합니다.
C32: Using media queries and grid CSS to reflow columns
- 컬럼들을 재배치하기 위해 미디어 쿼리와 grid CSS를 사용합니다.
- 가로로 읽는 컨텐츠의 경우, 모든 내용과 기능이 가로 스크롤 없이 사용할 수 있는지 확인합니다.
- 세로로 읽는 컨텐츠의 경우, 모든 내용과 기능이 세로 스크롤 없이 사용할 수 있는지 확인합니다.
C33: Allowing for Reflow with Long URLs and Strings of Text
- 텍스트의 긴 url과 string을 재배치하는걸 허락합니다.
C34: Using media queries to un-fixing sticky headers / footers
- sticky header / footer를 고정하지 않기 위해 미디어 쿼리를 사용합니다.
C35: Allowing for text spacing without wrapping
- 줄 바꿈 없이 텍스트 간격 허용
C36: Allowing for text spacing override
- 텍스트 간격 재정의 허용
C37: Using CSS max-width and height to fit images
- CSS 최대 너비와 높이를 사용하여 이미지 맞추기
C38: Using CSS width, max-width and flexbox to fit labels and inputs
- CSS 너비, 최대 너비 및 flexbox를 사용하여 레이블 및 입력에 맞추기
C39: Using the CSS reduce-motion query to prevent motion
- 모션을 방지하기 위해 CSS 축소 모션 쿼리 사용
C40: Creating a two-color focus indicator to ensure sufficient contrast with all components
- 모든 구성 요소와 충분한 대비를 보장하는 2 색 초점 표시기 만들기
이상 WCAG 2.1 CSS 기술의 끝입니다.