슬라이드 쇼의 참을 수없는 접근성
이동에 대한 사용자 제어 : wcag 2.2.2는 5 초에 걸쳐 지속되는 콘텐츠를 자동으로 이동, 정지 또는 숨기는 메커니즘을 의무화합니다. 간단한 일시 중지/정지 링크가 효과적입니다. 가능한 경우 애니메이션 전환을 방해하지 마십시오.
가시적이고 접근 가능한 컨트롤 :
명확하게 눈에 띄는 :
충분히 크고 충분한 색상 대비가 있습니다 키보드, 마우스 및 터치를 통해 액세스 할 수있는 버튼이나 링크가 이상적입니다.- .
- 에만 의존하지 마십시오
Clear Focus/호버 표시 :
초점에 대한 뚜렷한 시각적 변경, 대비 요구 사항을 충족합니다. 모양 변화는 색상 변화만으로는 바람직합니다 잘 설계된 컨트롤의 예는 AccessibilityOz (그림 3 및 4) 및 Griffith University (그림 6)와 같은 사이트에서 찾을 수 있으며 데스크탑 및 모바일 모두에 대한 명확한 일시 정지 버튼 및 탐색 제어를 보여줍니다. Monash University는 자동 이동없이 모바일 친화적 인 슬라이드 쇼의 예를 제공합니다 (그림 5).
-
-
논리적 초점 순서 : 탭 순서는 시각적 레이아웃과 HTML 구조를 반영해야합니다. 제어 (특히 일시 중지)는 내용보다 우선해야합니다. 현재 포커스 요소 전에 내용 변경이 발생하지 않아야합니다
유효한 코드 및 스타일 : 슬라이드 쇼는 스타일 시트와 함께 작동해야하지만 프레젠테이션이 다를 수 있습니다. 스타일 시트가 비활성화 될 때 예상치 못한 콘텐츠 교대 또는 겹침을 피하십시오. 텍스트는 브라우저 텍스트 크기 조정으로 확장해야합니다. 모바일 버전은 핀치-Zoom을 지원해야합니다
- 의미있는 대안 :
슬라이드 쇼에 액세스 할 수없는 사용자에게 텍스트 기반 대안을 제공합니다. 여기에는 슬라이드 컨텐츠와 링크를 반복하는 "스크린 리더 전용"섹션이 포함될 수 있으며, 슬라이드 쇼가 나타나는 곳에 이상적으로 배치됩니다. 이 대안이 제공된 정보 측면에서 슬라이드 쇼와 동일하도록하십시오. 이미지에는 적절한 속성이 필요합니다
결론 : 진정으로 접근 가능한 슬라이드 쇼를 만드는 것은 이러한 원칙을 신중하게 고려해야합니다. 다음 기사는 이러한 목표를 달성하기위한 실제 코드 구현을 제공 할 것입니다. -
액세스 가능한 슬라이드 쇼에 대한 자주 묻는 질문 (FAQ) (이 섹션은 귀중한 보충 정보를 제공하기 때문에 원래 입력에서 크게 변경되지 않았습니다.)
접근 가능한 슬라이드 쇼는 무엇입니까?
슬라이드 쇼에 액세스 할 수있는 방법은 무엇입니까? alt 텍스트는 무엇이며 왜 중요한가? alt
슬라이드 쇼에 캡션을 추가하려면? 키보드 내비게이션이 중요한 이유는 무엇입니까? 슬라이드 쇼의 언어를 명확하고 간단하게 만드는 방법은 무엇입니까? 성적표 란 무엇이며 왜 중요한가? 슬라이드 쇼에 대한 전 사양을 어떻게 만드는가? 자동화 된 도구를 사용하여 슬라이드 쇼에 액세스 할 수 있도록 할 수 있습니까?
내 슬라이드 쇼를 액세스 할 수있게하는 이점은 무엇입니까? -
논리적 초점 순서 : 탭 순서는 시각적 레이아웃과 HTML 구조를 반영해야합니다. 제어 (특히 일시 중지)는 내용보다 우선해야합니다. 현재 포커스 요소 전에 내용 변경이 발생하지 않아야합니다
위 내용은 슬라이드 쇼의 참을 수없는 접근성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











CNCF (Cloud Native Computing Foundation), Ampere Computing, Equinix Metal 및 Actuated 간의 공동 작업 인이 파일럿 프로그램은 CNCF Github 프로젝트를위한 ARM64 CI/CD를 간소화합니다. 이 이니셔티브는 보안 문제 및 성과를 다룹니다

이 튜토리얼은 AWS 서비스를 사용하여 서버리스 이미지 처리 파이프 라인을 구축함으로써 안내합니다. ECS Fargate 클러스터에 배포 된 Next.js Frontend를 만들어 API 게이트웨이, Lambda 기능, S3 버킷 및 DynamoDB와 상호 작용합니다. th

이 최고의 개발자 뉴스 레터와 함께 최신 기술 트렌드에 대해 정보를 얻으십시오! 이 선별 된 목록은 AI 애호가부터 노련한 백엔드 및 프론트 엔드 개발자에 이르기까지 모든 사람에게 무언가를 제공합니다. 즐겨 찾기를 선택하고 Rel을 검색하는 데 시간을 절약하십시오
