Title: Widget HTML solutions
Last modified: September 14, 2017

---

# Widget HTML solutions

 *  [Zsolt Edelényi](https://wordpress.org/support/users/batyuvitez/)
 * (@batyuvitez)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/)
 * I wrap widgets to <section> elements, and widget-title is <h1>. As stated in 
   HTML5, this is the solution. But my screen-reader testers say that this is confusing
   during the first check of the webpage. Do you have any reflection to this?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwidget-html-solutions%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Sami Keijonen](https://wordpress.org/support/users/samikeijonen/)
 * (@samikeijonen)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9495498)
 * In short use `<h2>` in widget titles. That would make more sense for headings
   hierarchy.
 *  Thread Starter [Zsolt Edelényi](https://wordpress.org/support/users/batyuvitez/)
 * (@batyuvitez)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496148)
 * And what is the parent `<h1>`? Accessibility needs hierarchy of headings.
 *  [Sami Keijonen](https://wordpress.org/support/users/samikeijonen/)
 * (@samikeijonen)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496182)
 * It doesn’t necessarily need a parent heading. But if you want to put parent heading,
   make that `<h2>` inside `<aside>` and widget titles `<h3>`.
 *  Thread Starter [Zsolt Edelényi](https://wordpress.org/support/users/batyuvitez/)
 * (@batyuvitez)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496309)
 * Thank you. This is also a possibility.
 * You are right. Hierarchical headings is not a requirement but a advice.
 * > Authors are encouraged to nest headings hierarchically.
 *  [https://www.w3.org/TR/WCAG20-TECHS/H69.html](https://www.w3.org/TR/WCAG20-TECHS/H69.html)?
    -  This reply was modified 8 years, 8 months ago by [Zsolt Edelényi](https://wordpress.org/support/users/batyuvitez/).
 *  [Sami Keijonen](https://wordpress.org/support/users/samikeijonen/)
 * (@samikeijonen)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496357)
 * There should definitely be headings hierarchy but that’s up to you how you do
   it. I personally use one `<h1>` on every view. But not all sections needs “parent”
   heading.
 *  Thread Starter [Zsolt Edelényi](https://wordpress.org/support/users/batyuvitez/)
 * (@batyuvitez)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496362)
 * That `<h1>` is same as the title of the page?
 *  [Sami Keijonen](https://wordpress.org/support/users/samikeijonen/)
 * (@samikeijonen)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496376)
 * Title of the page, post, archive title etc. Look how it’s done in [_s theme](https://github.com/Automattic/_s).
 *  Thread Starter [Zsolt Edelényi](https://wordpress.org/support/users/batyuvitez/)
 * (@batyuvitez)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9496463)
 * That’s cool.
 *  [tepiny](https://wordpress.org/support/users/tepiny/)
 * (@tepiny)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9688033)
 * <script type=’text/javascript’ src=’[http://www.for-click.com/wp-content/themes/point/js/customscripts.js?ver=20120212′></script&gt](http://www.for-click.com/wp-content/themes/point/js/customscripts.js?ver=20120212′></script&gt);
   <script type=’text/javascript’ src=’[http://www.for-click.com/wp-includes/js/wp-embed.min.js?ver=4.8.2′></script&gt](http://www.for-click.com/wp-includes/js/wp-embed.min.js?ver=4.8.2′></script&gt);
   
   <script id=”dsq-count-scr” src=”//www-for-click-com.disqus.com/count.js” async
   ></script>

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Widget HTML solutions’ is closed to new replies.

## Tags

 * [html](https://wordpress.org/support/topic-tag/html/)
 * [screen-reader](https://wordpress.org/support/topic-tag/screen-reader/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Accessibility](https://wordpress.org/support/forum/accessibility/)
 * 9 replies
 * 3 participants
 * Last reply from: [tepiny](https://wordpress.org/support/users/tepiny/)
 * Last activity: [8 years, 6 months ago](https://wordpress.org/support/topic/widget-html-solutions/#post-9688033)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics