Enhancement a11y test

[sungik-choi]

Description

접근성 테스트를 개선합니다.

Reasons for suggestion

현재 testing library의 isInaccessible 메서드를 통한 테스트를 진행하고 있는데, 충분하지 않습니다. 해당 메서드는 접근성 트리에 '포함되지 않아야 할' 요소가 접근성 트리에 있는지 검색하는 것이기 때문에, 올바른 접근성을 준수하였는지에 대한 테스트를 하기엔 부족합니다.

The following elements are not exposed via the accessibility API and user agents MUST NOT include them in the accessibility tree:

Elements, including their descendent elements, that have host language semantics specifying that the element is not displayed, such as CSS display:none, visibility:hidden, or the HTML hidden attribute.
Elements with none or presentation as the first role in the role attribute. However, their exclusion is conditional. In addition, the element's descendants and text content are generally included. These exceptions and conditions are documented in the presentation (role) section.

https://www.w3.org/TR/wai-aria-1.2/#tree_exclusion

Proposed solution

• https://storybook.js.org/docs/react/writing-tests/accessibility-testing
• Storybook의 a11y 애드온을 더 잘 사용할 수 있는 방식으로 리서치해보면 좋을 거 같음.
• Unify the way writing unit tests #1330, Unify the way writing story #1331 과 연관이 깊으므로 해당 이슈를 해결하며 이 이슈가 함께 해결될 수도 있음.

References

없음