티스토리 이미지에 자동으로 alt태그를 걸어주는 script가 있다고 해서, 테스트를 해보는데, 역시나 되지 않는다.
참으로 귀찮은 이 기능...
누군가는 개발해놨을텐데.. 내일 다시 찾아봐야겠다.
수 일이 지난 후,
누군가의 블로그에서, 아래와 같은 코드를 발견했고, 잘 적용되는 것을 확인했다. 복사를 한다음 바로 테스트를 해봤어야 하는데, 나중에야 잘 된다는 것을 알게 됐다. 고마움의 뜻으로 블로그 주소라도 남기고 싶었는데, 찾을 방법이 묘연하다.
"이 글을 보시게 되면, 주소 남겨주시면, 본 글에 출처를 남기도록 하겠습니다요."
<!-- 자동 alt 추가 -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var images = document.querySelectorAll('[img 태그 경로]');
// [img 태그 경로] 본인의 블로그 스킨에서 본문, img 태그가 포함되어있는 경로를 입력한다.
images.forEach(function(img) {
var figure = img.closest('figure');
if (figure) {
var caption = figure.querySelector('figcaption');
var captionText = caption ? caption.textContent : '';
if (captionText) {
img.setAttribute('alt', captionText);
} else {
img.setAttribute('alt', '[default alt text]');
// [default alt text] 캡션이 없을떄, 자동으로 alt에 적용할 텍스트를 입력한다.
}
}
});
});
</script>
<!-- 자동 alt 추가 종료 -->
끝.