html6 [웹 접근성] WAI-ARIA role / aria-label html 태그 외에도 접근성적으로 의미를 부여해야 할 경우 role을 사용한다. 예) span 태그이지만 link 역할을 하는 경우 W3C website 스크린리더 시 role이 읽힌다. a 태그 같은 경우 링크, 텍스트 순으로 읽히고 button은 텍스트, 버튼(윈도우는 단추-,)로 읽힌다. 태그 내의 텍스트가 아니라 다른 멘트가 읽혀야 하는 경우 aria-label을 사용한다. 다운로드 www.w3.org/TR/wai-aria-practices-1.1/examples/link/link.html Link Examples | WAI-ARIA Authoring Practices 1.1 Link Examples The examples below demonstrate three variations of the.. 2020. 12. 15. 검색엔진최적화 : meta tag title, description title은 15자, description은 45자 이내로 하는 것이 좋다고 한다. blog.usefulparadigm.com/%EA%B2%80%EC%83%89%EC%97%94%EC%A7%84%EC%B5%9C%EC%A0%81%ED%99%94-seo-%EC%89%AC%EC%9A%B4-%EA%B0%80%EC%9D%B4%EB%93%9C-f003911b0a79 검색엔진최적화(SEO) 쉬운 가이드 웹사이트를 만들 때 반드시 고려할 항목 중 하나가 검색엔진최적화(Search Engine Optimization, 이하 ‘SEO’)라는 건 누구나 아는 사실입니다. 아무리 멋지고 유익한 콘텐츠가 가득 담긴 사이트가 있다 blog.usefulparadigm.com searchadvisor.naver.com/guide/ma.. 2020. 9. 15. html data="" 줄바꿈 태그 data-original-title="2020년 2월 4일(수) 판매마감" data-html="true" 2020. 5. 18. meta tag로 width 값 고정하기 name="viewport" content="width=1024"> 2020. 4. 16. input type="file" 파일 첨부 폼 .file-wrap {overflow: hidden;} .file-wrap .stit {width: 75px; padding-top: 3px;} .file {position: relative; vertical-align: middle;} .file label {width: 100%; border: 1px solid #d8d8d8; display: inline-block; line-height: 36px; padding: 0 15px; border-radius: 5px; height: 36px;} .file input[type="file"] {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}.. 2020. 4. 3. 전화번호, 주소, 이메일 자동 링크 방지 meta tag 2020. 4. 3. 이전 1 다음