From f06eeb6f0285c5101074562e04c4f313a98e54ac Mon Sep 17 00:00:00 2001
From: Evgeniy Lazarev <me@eugene-lazarev.ru>
Date: Tue, 25 Jun 2024 15:05:52 +0300
Subject: [PATCH 1/2] fix: accessibility docs

---
 accessibility.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/accessibility.md b/accessibility.md
index 34521771539..a4e0ddd86c2 100644
--- a/accessibility.md
+++ b/accessibility.md
@@ -52,10 +52,10 @@
 
 4. Если компонент ведёт на другую страницу, используйте элемент `<a>` независимо от его внешнего вида. Если интерактивный компонент оставляет пользователя на странице, используйте элемент `<button>`.
 
-5. Для разметки областей страницы используйте теги `<header>`, `<main>`, `<article>`, `<nav>`, `<section>`, `<footer>`.
-В отличии от тега `<h1>` элемент `<header>` можно использовать несколько раз на странице, например, для заголовка модального окна. Так же, несколько раз можно использовать `<footer>`, `<article>`, `<section>`, `<main>`.
+5. Для разметки областей страницы используйте теги `<main>`, `<header>`, `<footer>`, `<nav>`, `<aside>`, `<section>`, `<article>`.
+Как и ранее рассмотренный тег `<h1>`, тег `<main>` можно использовать только один раз на странице, остальные — несколько раз (например, `<header>` можно использовать для заголовков разных модальных окон).
 
-6. Не забывайте использовать редкие теги: `<abbr>` для аббревиатур, `<blockquote>` для цитат, группу тегов `<dl>`, `<dd>`, `<dt>` для определений.
+7. Не забывайте использовать редкие теги: `<abbr>` для аббревиатур, `<blockquote>` для цитат, группу тегов `<dl>`, `<dd>`, `<dt>` для определений.
 
     ```html
     <abbr title="Индивидульный налоговый номер">ИНН</abbr>
@@ -67,9 +67,9 @@
     </dl>
     ```
 
-7. Добавляя атрибут `title` для страницы, помимо названия сервиса дополняйте описанием страницы, например: «Экстерн — создание отчёта».
+8. Добавляя атрибут `title` для страницы, помимо названия сервиса дополняйте описанием страницы, например: «Экстерн — создание отчёта».
 
-8. Не скрывайте элементы при помощи `display:none`, а информативные элементы не добавляйте через `:before` или `:after` — скринридер не читает элементы скрытые через `display:none` или добавленные через стили. Для визуального скрытия элемента лучше используйте следующие стили:
+9. Не скрывайте элементы при помощи `display:none`, а информативные элементы не добавляйте через `:before` или `:after` — скринридер не читает элементы скрытые через `display:none` или добавленные через стили. Для визуального скрытия элемента лучше используйте следующие стили:
 
     ```css
     .visually-hidden {
@@ -84,7 +84,7 @@
     }
     ```
 
-9. Если вы не используете необходимый тэг, но хотите придать элементу семантичное значение, не используйте атрибут `role`. Скринридер прочитает элемент как кнопку, но вам придётся добавлять управление фокусом, обработку нажатий клавиш с клавиатуры. Используйте необходимый тэг вместо этого:
+10. Если вы не используете необходимый тег, но хотите придать элементу семантичное значение, не используйте атрибут `role`. Скринридер прочитает элемент как кнопку, но вам придётся добавлять управление фокусом, обработку нажатий клавиш с клавиатуры. Используйте необходимый тег вместо этого:
 
     ```html
     /** Плохо */

From 2ebfb2a5d558f011d15447d06dbb8cb627b41490 Mon Sep 17 00:00:00 2001
From: Evgeniy Lazarev <me@eugene-lazarev.ru>
Date: Tue, 25 Jun 2024 15:09:27 +0300
Subject: [PATCH 2/2] fix: accessibility docs

---
 accessibility.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/accessibility.md b/accessibility.md
index a4e0ddd86c2..9ffada0d8f7 100644
--- a/accessibility.md
+++ b/accessibility.md
@@ -55,7 +55,7 @@
 5. Для разметки областей страницы используйте теги `<main>`, `<header>`, `<footer>`, `<nav>`, `<aside>`, `<section>`, `<article>`.
 Как и ранее рассмотренный тег `<h1>`, тег `<main>` можно использовать только один раз на странице, остальные — несколько раз (например, `<header>` можно использовать для заголовков разных модальных окон).
 
-7. Не забывайте использовать редкие теги: `<abbr>` для аббревиатур, `<blockquote>` для цитат, группу тегов `<dl>`, `<dd>`, `<dt>` для определений.
+6. Не забывайте использовать редкие теги: `<abbr>` для аббревиатур, `<blockquote>` для цитат, группу тегов `<dl>`, `<dd>`, `<dt>` для определений.
 
     ```html
     <abbr title="Индивидульный налоговый номер">ИНН</abbr>
@@ -67,9 +67,9 @@
     </dl>
     ```
 
-8. Добавляя атрибут `title` для страницы, помимо названия сервиса дополняйте описанием страницы, например: «Экстерн — создание отчёта».
+7. Добавляя атрибут `title` для страницы, помимо названия сервиса дополняйте описанием страницы, например: «Экстерн — создание отчёта».
 
-9. Не скрывайте элементы при помощи `display:none`, а информативные элементы не добавляйте через `:before` или `:after` — скринридер не читает элементы скрытые через `display:none` или добавленные через стили. Для визуального скрытия элемента лучше используйте следующие стили:
+8. Не скрывайте элементы при помощи `display:none`, а информативные элементы не добавляйте через `:before` или `:after` — скринридер не читает элементы скрытые через `display:none` или добавленные через стили. Для визуального скрытия элемента лучше используйте следующие стили:
 
     ```css
     .visually-hidden {
@@ -84,7 +84,7 @@
     }
     ```
 
-10. Если вы не используете необходимый тег, но хотите придать элементу семантичное значение, не используйте атрибут `role`. Скринридер прочитает элемент как кнопку, но вам придётся добавлять управление фокусом, обработку нажатий клавиш с клавиатуры. Используйте необходимый тег вместо этого:
+9. Если вы не используете необходимый тег, но хотите придать элементу семантичное значение, не используйте атрибут `role`. Скринридер прочитает элемент как кнопку, но вам придётся добавлять управление фокусом, обработку нажатий клавиш с клавиатуры. Используйте необходимый тег вместо этого:
 
     ```html
     /** Плохо */