aria-*

test.js에서 element.checked 하면 ariaChecked, ariaDisabled 이렇게 aria가 붙은 것이 힌트로 뜨는데 input과 button에 aria-를 붙였더니 화면에선 잘 작동하는데 테스트에 걸리더라고요..

<input
  type="checkbox"
  aria-checked={checked}

FAIL
expect(checkbox.ariaChecked).toEqual(false);

둘의 차이가 뭐고 어떤 방법이 더 권장되는지 궁금합니다!