Использование заголовков H1 и H2 в редакторе

Поддержка
16

Заголовки нужны не только для SEO, но и для доступности.

Скринридеры могут перемещаться от одного заголовка к другому, а глубину заголовка можно задавать с помощью сочетаний клавиш.

У тем есть свои заголовки <h1>, но к каждому ответу автоматически добавляется свой скрытый <h2>, который виден скринридерам:

<h2 aria-hidden="false" class="sr-only" id="post-heading-9">
  post by Jagster 4 hours ago
</h2>

Таким образом, в любом случае, когда вы размещаете в своём контенте заголовок <h1> или <h2>, он всегда будет потомком уже существующего <h2> :upside_down_face:

По-моему, использование в посте заголовков выше уровня <h3> может сделать навигацию через скринридер немного странной.

Хотя в существующих темах это не всегда последовательно, шаблон поста из Customization > Plugin использует <h3> в качестве верхних заголовков:

| | | |
| - | - | - |
| :information_source: | **Summary** | In a few words, what does this plugin do? |
| :hammer_and_wrench: | **Repository Link** | <> |
| :open_book: | **Install Guide** | [How to install plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157) |

<br>  

### Features
 
Describe the major features of the plugin
 
### Configuration

Include detailed steps on how to configure the plugin (include screenshots where necessary)

### Settings 
 
Include a table of settings and setting descriptions

| Name | Description
|-|-|
|

Интересно, что для шаблонов Customization > Theme и Customization > Theme component это не так, но в их шаблонах вообще нет заголовков. Возможно, это стоит исправить.

4 лайка