bassjobsen

<p>This plugin stimulates WordPress editors to use correct headings for accessibility and seo. The heading tags are on the second row and hidden in the WYSIWYG editor in WordPress by default. The (non visual) text edit screen has no heading tag buttons at all.<br />
Editors will make heading bold instead of using the correct heading while the use of correct (nested) heading is important for accessibility and seo.<br />
This plugin add the format menu with heading tags in the first row of the WYSIWYG editor and add heading tags to the text editor.</p>
<p>Accessibility</p>
<p>[Section 508](<a href=”http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/) states that your largest header must be an <code><h1></code> followed by an other <code><h1></code> or a subordinate heading element (h2 to h6). The structure of the headers should reflex the structure of your document. So the heading structure should be logically nested. Screen readers read this semantic heading structure to construct a table of contents. Screen readers don’t use any formatted style. Visual readers use the formatted style in stead of the semantic structure. See also: <a href="http://accessibility.psu.edu/headings" rel="nofollow ugc">http://accessibility.psu.edu/headings</a>.</p>
<p>SEO</p>
<blockquote>
<p>When the importance of a heading is established with HTML tags, you’re actually making it easy for the search engine robots to determine what your web page is all about. The search engine doesn’t have to guess at it. It can see exactly what your main topic is and place you under the appropriate keywords so your potential customers will be able to find you on the WWW.</p>
</blockquote>
<p><a href="http://stackoverflow.com/a/8178353/1596547" rel="nofollow ugc">Nov 18 ’11, Rupesh Pawar</a></p>
<p>Also read: <a href="http://yoast.com/blog-headings-structure/" rel="nofollow ugc">The heading structure for your blog</a></p>
<p>Contribute!</p>
<p>If you have suggestions for a new feature or improvement, feel free to contact us on <a href="http://twitter.com/JamedoWebsites" rel="nofollow ugc">Twitter</a>. Alternatively, you can fork the plugin from <a href="https://github.com/bassjobsen/stimulate_correct_headings" rel="nofollow ugc">Github</a>.</p>
<h3>Requirements</h3>
<ul>
<li><a href="https://wordpress.org/download/" rel="ugc">WordPress</a> tested with >= 3.6</li>
</ul>
<h3>Support</h3>
<p>We are always happy to help you. If you have any question regarding this code. <a href="http://www.jamedowebsites.nl/contact/" rel="nofollow ugc">Send us a message</a> or contact us on twitter <a href="http://twitter.com/JamedoWebsites" rel="nofollow ugc">@JamedoWebsites</a>.</p>


Stimulate Correct Headings

This plugin stimulates WordPress editors to use correct headings for accessibility and seo.

ajejey

<p>Ajejey Smart Table of Contents creates a professional table of contents from your content headings (H1-H6) with smooth scroll navigation and multiple design templates.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Automatic Generation</strong> – Scans your content and generates TOC automatically</li>
<li><strong>Smooth Scroll</strong> – Beautiful smooth scrolling to sections</li>
<li><strong>7 Design Templates</strong> – Choose from Minimal, Boxed, Bordered, Gradient, Card, Sidebar, or Compact styles</li>
<li><strong>Show/Hide Toggle</strong> – Collapsible TOC with smooth animation</li>
<li><strong>Flexible Positioning</strong> – Before content, after content, or use shortcode</li>
<li><strong>Heading Selection</strong> – Choose which heading levels to include (H1-H6)</li>
<li><strong>Customizable</strong> – Colors, fonts, and styling options</li>
<li><strong>Mobile Responsive</strong> – Works perfectly on all devices</li>
<li><strong>SEO Friendly</strong> – Helps with content structure and user experience</li>
<li><strong>Accessible</strong> – WCAG 2.1 AA compliant</li>
<li><strong>Lightweight</strong> – Less than 20KB total size</li>
<li><strong>No jQuery</strong> – Pure JavaScript for better performance</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Install and activate the plugin</li>
<li>TOC will automatically appear on posts/pages with 3+ headings</li>
<li>Customize settings in Settings > TOC Generator</li>
<li>Use shortcode <code>[toc]</code> for manual placement</li>
</ol>
<h4>Perfect For</h4>
<ul>
<li>Bloggers with long-form content</li>
<li>Content marketers</li>
<li>News and magazine websites</li>
<li>Documentation sites</li>
<li>Educational websites</li>
<li>Any site with structured content</li>
</ul>


Ajejey Smart Table of Contents

Automatically generate a beautiful table of contents from your post/page headings with smooth scroll navigation.

Stimulate Correct Headings vs Ajejey Smart Table of Contents