HTML/learned_it_today

9. Github Dropdown Menu (feat. 버튼이 이미지. 이미지가 버튼)

윰윰로그 2020. 10. 14. 16:39

이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다.

출처 edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4

 

김버그의 HTML&CSS는 재밌다 - 구름EDU

HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎

edu.goorm.io

 

 

📸 Screenshot 

 

 

 

 

 

📝 메모

 

이미지로 버튼 버튼으로 이미지

<button type="button" aria-label="open user menu">

     <img src="./assets/image/blah.jpg" alt="blahblah" />

</button>

 

 

근데 스크린 리더 사용하시는 분들 입장에서는

갑자기 이미지가 뜬금없이 나오면 "이게 모지?" 할 수 있기 때문에

aria-label 속성에 간단한 text를 넣어주는 센스.