html5의 a 태그에 다운로드 기능을 붙여주면 된다.
<a href="파일 경로/파일이름.확장자" download="다운로드시 파일명" role="button">다운로드</a>
download="다운로드시 파일명"을 설정해 주면 href에 걸린 파일이름이 어떻던 다운로드 된 파일의 이름은 새로 지정된 파일명이 된다.
공란으로 두면("") 링크된 파일명으로 받아진다.
role은 접근성에 대한 속성이다.
스크린 리더는 a태그를 '링크'로 읽어준다.
그러나 다운로드 버튼은 말 그대로 버튼 역할을 하는 것이기에 역할을 '단추(버튼)' 으로 읽어줄수 있도록 재설정해주는 속성이라고 생각하면 된다.
728x90