joesexton00

<p>Scroll Back to Top is a WordPress plugin to add a button that appears only when users scroll down the page allowing them to scroll to the top of the page.  The plugin comes pre-configured and is fully functional on activation.  The plugin offers a number of webmaster-friendly features to completely customize the look, position, and animation.  In addition, there is a setting to allow you to put the button in preview mode so it only appears when logged in, which is great for configuration, then fully enable it for everyone to see!  This button is built on jQuery and is designed to be dead easy, without the need to modify any markup or the theme.</p>
<h4>Usage</h4>
<p>This was built for anyone to use, with no knowledge of HTML or CSS required!</p>
<ul>
<li>Install the plugin through the Plugins interface or by uploading the <code>scroll-back-to-top</code> directory to your <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the Scroll Back to Top plugin.</li>
<li>You’re done, the scroll back to top button should appear on all pages after you scroll down a little bit.  If you’d like to customize the design you may continue.</li>
</ul>
<p>Optional Customization Steps</p>
<ul>
<li>A new setting page will be located within Settings > Scroll Back to Top, navigate to that page to for customization options.</li>
<li>Change enabled status, size, color, opacity, location, icon/text, or fades.</li>
</ul>
<h4>More Support</h4>
<p>More support can be found at <a href="http://www.webtipblog.com/scroll-back-top-wordpress-plugin" rel="nofollow ugc">our plugin support page</a>.</p>
<p>This plugin is developed by <a href="http://www.josephmsexton.com" rel="nofollow ugc">Joe Sexton</a></p>
<h3>Localization</h3>
<h4>Available in English</h4>
<p>Want to contribute with a translation to your language? Please contact me at joe@josephmsexton.com</p>


Scroll Back To Top

This plugin will add a button that allows users to scroll smoothly to the top of the page.

Syam Mohan

<p>Enhance user experience and site navigation with a lightweight, customizable “Scroll to Top” button. This plugin adds a smooth-scrolling button that appears as users scroll down the page and disappears when they return to the top.</p>
<p>Designed for speed and seamless integration, it works with any WordPress theme and includes options for custom icons, button position, color, animation, and intelligent display rules. No coding required—just install and configure in minutes.</p>
<p>Perfect for blogs, long-form articles, eCommerce sites, or any website where easy navigation improves usability.</p>
<h3>Key Features & Customization</h3>
<ul>
<li><strong>Intelligent Display</strong>: Automatically appears as users scroll down, then disappears when at the top.</li>
<li><strong>Smooth Scroll Animation</strong>: Provides a fluid and pleasant “back to top” experience.</li>
<li><strong>Flexible Destinations</strong>:
<ul>
<li>Internal Page Scroll: Link the button to any specific element within the current page.</li>
<li>External Page Redirection: Redirect users to any other page or URL.</li>
</ul>
</li>
<li><strong>Customizable Button Design</strong>:
<ul>
<li>Choose between text, custom image (PNG/SVG), or Font Awesome icons.</li>
<li>Use any image URL for complete branding control.</li>
</ul>
</li>
<li><strong>Responsive Control</strong>:
<ul>
<li><strong>Mobile-Friendly</strong>: Option to hide the button on smaller devices/windows for better mobile UX.</li>
<li><strong>iFrame Compatibility</strong>: Ensures it doesn’t appear inappropriately within iframes.</li>
</ul>
</li>
<li><strong>Targeted Visibility</strong>: Easily show or hide the button on specific pages or posts.</li>
<li><strong>Temporary Display</strong>: Auto-hide the button after a set duration for a cleaner interface.</li>
<li><strong>Optimized Performance</strong>: Utilizes Async JavaScript to ensure fast page loading.</li>
<li><strong>Accessibility Focused</strong>: Built with ARIA labels and screen reader text for inclusive navigation.</li>
<li><strong>SEO-Friendly Markup</strong>: Employs semantically correct HTML elements for optimal search engine and accessibility performance.</li>
<li><strong>Optimized Performance</strong>: Adds functionality without slowing down your site.</li>
<li><strong>Easy-to-Use Admin Panel</strong>: Configure all settings intuitively from your WordPress dashboard.</li>
</ul>


WPFront Scroll Top


I'm curious, why did you choose to insert the <div> element into the DOM with some JS to handle scrolling. No keyboard focus, no accessible label/name/content, no HTML semantics, no ARIA to fix this.In fact DO NOT use ARIA to override./hide your problems. The best ARIA is no ARIA. Use an <a> element, it's also quick to write and has it all by definition. You can easily add span  inside the link element with translatable content and hide it visually with "sr-only" class (from Bootstrap). You could detect the first link on the page and make it an anchor if there's no id attribute.


Keyboard inaccessible, bad HTML. WCAG fails immediately.

Adds a lightweight and smooth "Scroll to Top" button to your WordPress site, improving navigation and user experience with customizable options.

Scroll Back To Top vs WPFront Scroll Top