Seonglae Choa 태그와 button 태그는 역할이 겹치는 경우 없도록
a가 먼저냐 button이 먼저냐에 의해 나머지 한 쪽 링크는 아예 무시하는 결과 생길수도
button 태그는 a 태그 안에 있어도 되는가?
스택 오버플로우 질문 보러가기 IE11 에서 테스트하는 상황이었다. form 태그 안에 a 태그가 있고, 이 a 태그는 button을 감싸고 있다. button을 사용한 이유는 vertical-align이 편하기 때문이다. vertical-align도 포스팅 하나짜리 주제는 되는데, 아무튼 한 줄짜리 내용물을 세로 중앙 정렬 하는데는 경험상 button이 상당히 편하다. "세로중앙 정렬할 한 줄짜리가 여럿"이면 table도 나쁘지 않다.(물론 아닌 경우도 아주 많다.
https://blastingzone.github.io/blog/html/2016/09/07/nest-button-tag-inside-anchor.html
aria-label 속성 사용
속성은 현재 요소에 레이블을 정의하기 위해서 사용합니다. 텍스트 레이블이 화면에 표시되지 않을 때에 사용하세요. 만약에 요소에 레이블을 정의하는 화면에 보이는 텍스트가 있다면 aria-labelledby 을 대신 사용하세요 이 속성은 일반적인 HTML 요소와 함께 사용할 수 있습니다. ARIA role 이 적용된 요소에만 한정되지 않습니다. 참고: 보조기기가 이 기술을 처리하는 방법에 대한 의견에는 차이가 있을 수 있습니다.
https://developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute