Accessibility

category

frontend

notion image

GitHubGitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.

GitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.

GitHub - jsx-eslint/eslint-plugin-jsx-a11y: Static AST checker for a11y rules on JSX elements.

Static AST checker for a11y rules on JSX elements. - jsx-eslint/eslint-plugin-jsx-a11y

notion image

notion image

접근성 트리(Accessibility Tree)

notion image

콘텐츠 구조

notion image

문서 접근성 (title, lang, iframe)

notion image

키보드 포커스

notion image

자바스크립트

notion image

notion image

색상과 대조

notion image

애니메이션 및 모션

notion image

타이포그래피

notion image

비디오, 오디오 접근성 고려

notion image

포용적 디자인 (디자인 단계에서 고려할 것들)

notion image

패턴, 컴포넌트, 디자인시스템

notion image

Side Tips

Name

tailwindCss “sr-only”

htmlFor vs describedBy