Document Structure Highlighter

2021年12月31日 辅助工具

插件截图

Document Structure Highlighter

插件概述

With HTML5 content sectioning highlighted in green you can easily identify structure and accessibility problems in any web page.

插件详情

This toolbar button enables content creators and web developers to see the document structure of any web page.

Without it you can't see where this could be going wrong.

Accessibility is now a statutory duty for public sector websites in the European Union. For a website to be truly accessible the document structure has to be right and that means using the right elements.

What are the right elements?

The header needs to be in a
element, the main content in the
element and the footer in a
element.

Then the site navigation needs to be in a