파이어폭스 플러그인 headings map은 웹페이지에 사용된 h1~h6 태그를 단계별로 정리해서 보여주는 플러그인입니다.


실제 동작하는 것은 다음과 같습니다.






h1 ~ h6 태그를 계층별로 보여줍니다.





설정을 통해 제목이 쓰인 태그를 하이라이트화 해서 보여줄 수 있도록 만들어져 있습니다. 하지만 화면에 보여지지 않게 처리된 h1~h6 태그는 하이라이트 하지 않습니다.




전통적으로 h1~h6 요소는 장애인 웹 접근성에 상당히 중요한 역할을 하는 태그입니다. 따라서 이러한 플러그인은 장애인 웹 접근성을 체크할 때 매우 유용하게 쓰이이라 보여집니다. 파이어폭스 플러그인 중에 개발자를 위한 좋은 플러그인들이 많군요.





댓글을 달아 주세요

  1. 정감이 2015.02.20 11:16 신고  댓글주소  수정/삭제  댓글쓰기

    웹 접근성.. 잘 보고 갑니다.
    즐거운 시간 되세요.

  2. 레오 ™ 2015.02.20 14:41 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 몇년 하다보니 주변에는 광고블로거들만 남았습니다
    이런 특별하고 전문적인 글 환영합니다
    새해 복 많이 받으세요 ^^

  3. misoyou 2015.02.20 16:05 신고  댓글주소  수정/삭제  댓글쓰기

    음 정말 덕분에 너무 잘배우고갑니다 ^^

  4. 달빛천사7 2015.02.21 07:26 신고  댓글주소  수정/삭제  댓글쓰기

    난 그냥 브라우저 사용하는데욤 ㅋㅋ

  5. 팰콘스케치 2015.02.21 13:05 신고  댓글주소  수정/삭제  댓글쓰기

    화이어폭스, 한번 써봐야겠어요

    • 책덕후 화영 2015.02.21 16:23 신고  댓글주소  수정/삭제

      웹개발자 직군이라면 파이어폭스는 거의 필수라고 할 수 있습니다. 그렇지 않다면 크롬과 별 차이점을 느끼기 어려울거에요 요즘은 파폭이 크롬보다 좀 더 빠른듯해서 메리트가 있을지도 모르지만요...

티스토리 툴바