안녕하세요, 접근성의 세계입니다!

원래 게시됨https://dear-dia11y.com/hello-accessibility-world.html

dia11y 님,

오늘은 접근성 블로그를 시작했습니다!

저는 보통 함수형 프로그래밍에 대해 글을 쓰지만, 올해는 접근성(a11y —…11개의 글자… 배웠다.

괜찮아요; 일반적으로 짧을 것입니다.

이 첫 번째 항목에 대해 내가 접하는 가장 일반적인 것 중 하나에 대해 공유하고 싶습니다. "클릭 가능한"요소에 대해 <div> s 대 <button> s 대 <a> s를 사용할 때입니다.

이 규칙을 따르지 않을 아주 좋은 이유가 없는 한 매우 간단합니다.

창의 위치

를 변경하는 경우 <a>를 사용합니다.

누르면 <button> 무슨 일이 일어나면

<div>를 트리거로 사용하지 않으려고 노력하십시오.

버튼의 기본 브라우저 스타일이 염려되는 경우 인터넷에서 수집한 CSS 스타일을 참조하여 버튼의 기본 스타일을 재설정할 수 있습니다.

.btn-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  border: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
}

<div> 를 사용해야 하는 경우 MDN's role=button page 및 WAI ARIA Practices 1.2 button specification을 읽고 올바르게 수행하는 방법을 알아내는 것을 잊지 마십시오. 가장 중요한 것은 모든 종류의 프로그램과 장치가 의존하는 기본 브라우저 동작을 재현하기로 결정했다면 우리 팀과 내가 그것을 테스트하고 향후 손상되지 않도록 하는 방법을 알고 있는지 확인하는 것입니다.

나는 많은 실수를 저질렀고 계속해서 저지르고 있음을 고백해야 하지만, 우리가 성장할 수 있는 것은 우리의 실수로부터 배우는 것입니다.

당신 것,
로버트 W. 피어스