Skip to content

Commit f86ab0c

Browse files
nikolai-shabalinnikolai-shabalin
authored
Merge pull request #70 from htmlacademy/feature/update-list
Feature/update list
2 parents fa2bcb5 + d07d58a commit f86ab0c

File tree

9 files changed

+62
-33
lines changed

9 files changed

+62
-33
lines changed

‎CHANGELOG.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
11
# Changelog
22

3+
## 1.0.7
4+
Added so many new rules:
5+
- [htmlacademy/aria-label-misuse](rules/aria-label-misuse/README.md)
6+
- [attr-delimiter](rules/attr-delimiter/README.md)
7+
- [attribute-allowed-values](rules/attribute-allowed-values/README.md)
8+
- [ban-url-spaces](rules/ban-url-spaces/README.md)
9+
- [id-no-dup](rules/id-no-dup/README.md)
10+
- [input-req-label](rules/input-req-label/README.md)
11+
- [link-req-content](rules/link-req-content/README.md)
12+
- [no-blocking-script](rules/no-blocking-script/README.md)
13+
- [no-px-size](rules/no-px-size/README.md)
14+
- [req-head-styles](rules/req-head-styles/README.md)
15+
- [req-meta-viewport](rules/req-meta-viewport/README.md)
16+
- [req-single-styles](rules/req-single-styles/README.md)
17+
- [tag-name-lowercase](rules/tag-name-lowercase/README.md)
18+
- [tag-self-close](rules/tag-self-close/README.md)
19+
320
## 1.0.6
421
Adds new rule `htmlacademy/attr-req-value`: the attribute cannot be empty, except for the list from ignore
522

‎docs/list-of-rules.md

Lines changed: 26 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,28 @@
11
# Список правил от HTML Academy
22

3-
| Имя правила | Описания |
4-
|:------------------------------------------------------------------------------------|:---------------------------------------------------------------------------|
5-
| [htmlacademy/a-target-rel](../rules/a-target-rel/README.md) | Проверяет наличие `rel="noopener noreferrer"` у `<a target="_blank"></a>` |
6-
| [htmlacademy/attr-req-value](../rules/attr-req-value/README.md) | Запрещает пустые атрибуты `<button class="">`, кроме тех что в `ignore: []` |
7-
| [htmlacademy/charset-position](../rules/charset-position/README.md) | Требует указывать `<meta charset="utf-8">` первым элементов в `<head>` |
8-
| [htmlacademy/class-first](../rules/class-first/README.md) | Требует указывать первым атрибутом у любого элемента `class` |
9-
| [htmlacademy/form-action-attribute](../rules/form-action-attribute/README.md) | Требует указывать атрибут `action` у `<form>` |
10-
| [htmlacademy/head-meta-charset](../rules/head-meta-charset/README.md) | Проверяет наличие `<meta charset="utf-8">` в `<head>` |
11-
| [htmlacademy/img-svg-req-dimensions](../rules/img-svg-req-dimensions/README.md) | Требует атрибуты `width` и `height` у `<img>` и `<svg>` |
12-
| [htmlacademy/no-double-br](../rules/no-double-br/README.md) | Запрещает идущие подряд двойной `<br>` |
13-
| [htmlacademy/req-charset-utf](../rules/req-charset-utf/README.md) | Требует `UTF-8` для `<meta charset="">` |
14-
| [htmlacademy/section-has-heading](../rules/section-has-heading/README.md) | Требует добавляение заголовка любого уровня в `<section>` |
3+
| Имя правила | Описания |
4+
|:------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------------------------|
5+
| [htmlacademy/a-target-rel](../rules/a-target-rel/README.md) | Проверяет наличие `rel="noopener noreferrer"` у `<a target="_blank"></a>` |
6+
| [htmlacademy/aria-label-misuse](../rules/aria-label-misuse/README.md) | Требует использование `aria-label` на определённых элементах |
7+
| [htmlacademy/attr-delimiter](../rules/attr-delimiter/README.md) | Требует удалить пробел между `=` для атрибутов |
8+
| [htmlacademy/attr-req-value](../rules/attr-req-value/README.md) | Запрещает пустые атрибуты `<button class="">`, кроме тех что в `ignore: []` |
9+
| [htmlacademy/attribute-allowed-values](../rules/attribute-allowed-values/README.md) | Проверяет атрибуты на наличие допустимых значений |
10+
| [htmlacademy/ban-url-spaces](../rules/ban-url-spaces/README.md) | Проверяет наличие пробелов в адресах в атрибутах `href` и `src`. |
11+
| [htmlacademy/charset-position](../rules/charset-position/README.md) | Требует указывать `<meta charset="utf-8">` первым элементов в `<head>` |
12+
| [htmlacademy/class-first](../rules/class-first/README.md) | Требует указывать первым атрибутом у любого элемента `class` |
13+
| [htmlacademy/form-action-attribute](../rules/form-action-attribute/README.md) | Требует указывать атрибут `action` у `<form>` |
14+
| [htmlacademy/head-meta-charset](../rules/head-meta-charset/README.md) | Проверяет наличие `<meta charset="utf-8">` в `<head>` |
15+
| [htmlacademy/id-no-dup](../rules/id-no-dup/README.md) | Запрешает дублирование `id` на странице |
16+
| [htmlacademy/img-svg-req-dimensions](../rules/img-svg-req-dimensions/README.md) | Требует атрибуты `width` и `height` у `<img>` и `<svg>` |
17+
| [htmlacademy/input-req-label](../rules/input-req-label/README.md) | Требует наличие метки для поля ввода, и позволяет указать метку в `aria-label` |
18+
| [htmlacademy/link-req-content](../rules/link-req-content/README.md) | Проверяет наличие текстового содержания у `<a>` |
19+
| [htmlacademy/no-blocking-script](../rules/no-blocking-script/README.md) | Проверяет расположение скриптов в разметке |
20+
| [htmlacademy/no-double-br](../rules/no-double-br/README.md) | Запрещает идущие подряд двойной `<br>` |
21+
| [htmlacademy/no-px-size](../rules/no-px-size/README.md) | Атрибуты `width` и `height` содержат только цифры, без единиц измерения |
22+
| [htmlacademy/req-charset-utf](../rules/req-charset-utf/README.md) | Требует `UTF-8` для `<meta charset="">` |
23+
| [htmlacademy/req-head-styles](../rules/req-head-styles/README.md) | Запрещает подключение стилей вне `<head>` |
24+
| [htmlacademy/req-meta-viewport](../rules/req-meta-viewport/README.md) | Проверяет наличие `<meta name="viewport" content="width=device-width,initial-scale=1">` в `<head>` |
25+
| [htmlacademy/req-single-styles](../rules/req-single-styles/README.md) | Разрешает не более одного `link rel="stylesheet"` в `<head>` |
26+
| [htmlacademy/section-has-heading](../rules/section-has-heading/README.md) | Требует добавление заголовка любого уровня в `<section>` |
27+
| [htmlacademy/tag-name-lowercase](../rules/tag-name-lowercase/README.md) | Имена тегов должны быть строчными |
28+
| [htmlacademy/tag-self-close](../rules/tag-self-close/README.md) | Одиночные элементы не должны быть закрыты, `<br>` вместо `<br/>` |

‎rules/aria-label-misuse/README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
Запрещает неправильное использование `aria-label`. Атрибут может быть использован только для следующих элементов:
44

5-
- Interactive elements
6-
- Landmark elements
5+
- [Interactive elements](https://html.spec.whatwg.org/multipage/interactive-elements.html#interactive-elements)
6+
- [Landmark elements](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role)
77
- `<iframe>`
88
- `<summary>`
99
- `<table>`, `<td>` and `<th>`
@@ -16,10 +16,10 @@
1616

1717
Проблемными считаются следующие шаблоны:
1818
```html
19-
<img src="" aria-label="foobar">
19+
<svg aria-label="description"></svg>
2020
```
2121

2222
Следующие шаблоны **не** считаются проблемами:
2323
```html
24-
<input type="text" aria-label="foobar">
24+
<input type="text" name="name" aria-label="description">
2525
```

‎rules/attr-delimiter/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
# htmlacademy/attr-delimiter
22

3-
Технически пробелы разрешены спецификацией HTML5. Это правило запрещает использование пробелов, разделяющих ключ атрибута и значение, т.е. до или после символа `=`.
4-
3+
Это правило запрещает использование пробелов, разделяющих ключ атрибута и значение, т.е. до или после символа `=`. Технически пробелы разрешены спецификацией HTML5.
54
Использование пробелов в этом контексте может быть признаком опечатки.
65

76
## true
@@ -10,6 +9,7 @@
109
Проблемными считаются следующие шаблоны:
1110
```html
1211
<input name ="my-field">
12+
<input name= "my-field">
1313
```
1414

1515
Следующие шаблоны **не** считаются проблемами:

‎rules/ban-url-spaces/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,11 @@
55

66
Проблемными считаются следующие шаблоны:
77
```html
8-
<a href="https://htmlacademy.pro?query=some long param" target="_blank">Link</a>
8+
<a href="https://htmlacademy.pro?query=some long param">Link</a>
99
```
1010

1111
Следующие шаблоны **не** считаются проблемами:
1212

1313
```html
14-
<a href="https://htmlacademy.pro?query=some%20long%20param" target="_blank">Link</a>
14+
<a href="https://htmlacademy.pro?query=some%20long%20param">Link</a>
1515
```

‎rules/input-req-label/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22

33
Форк: https://linthtml.vercel.app/user-guide/rules/list/input-req-label
44

5-
Правило требует наличие метки для поля ввода, и позволяет указать метку в `aria-label`
5+
Правило требует наличие метки для поля ввода, и позволяет указать метку в `aria-label`.
66

77
## true
88
Если включён, то метки не могут быть пустыми.
99

1010

1111
Проблемными считаются следующие шаблоны:
1212
```html
13-
<input type="text" value="great" >
13+
<input type="text" value="great">
1414

1515
<div>
1616
<label for="dinosaur">Label!</label>

‎rules/link-req-content/README.md

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
# htmlacademy/link-req-content
22

3-
Правило проверяет наличие текстового содержания у ссылок
4-
https://www.w3.org/WAI/WCAG21/Techniques/html/H30
5-
WCAG 2.1 требует, чтобы каждая ссылка `<a>` содержала текст, описывающий назначение ссылки, используя либо обычный текст, либо `<img>` с установленным атрибутом `alt`.
3+
Правило проверяет наличие текстового содержания у ссылок. [WCAG 2.1](https://www.w3.org/WAI/WCAG21/Techniques/html/H30) требует, чтобы каждая ссылка `<a>` содержала текст, описывающий назначение ссылки, используя либо обычный текст, либо `<img>` с установленным атрибутом `alt`.
64

5+
Правило распознаёт следующие шаблоны:
6+
- Текст (не пробелы) внутри ссылки
7+
- Изображения с непустым альтернативным текстом
8+
- `aria-label` либо на ссылке, либо по крайней мере на одном потомке.
9+
10+
## true
711

812
Проблемными считаются следующие шаблоны:
913
```html
@@ -16,9 +20,3 @@ WCAG 2.1 требует, чтобы каждая ссылка `<a>` содерж
1620
<a><img src="cat.gif" alt="cat page"></a>
1721
<a aria-label="lorem ipsum"></a>
1822
```
19-
20-
Правило распознаёт следующие шаблоны:
21-
22-
- Текст (не пробелы) внутри ссылки
23-
- Изображения с непустым альтернативным текстом
24-
- `aria-label` либо на ссылке, либо по крайней мере на одном потомке.

‎rules/no-blocking-script/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# htmlacademy/no-blocking-script
22

3-
Правило проверяет расположение скриптов в разметке
3+
Правило проверяет расположение скриптов в разметке.
44

55
## true
66
Скрипты должны быть подключены в самом низу страницы, чтобы при её загрузке не блокировать отображение содержимого.

‎rules/no-px-size/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
Следующие шаблоны **не** считаются проблемами:
1515
```html
16-
<img src="images/image.jpg" width="500" height="300" alt="">
16+
<img width="500" height="300" src="images/image.jpg" alt="">
1717

1818
<svg width="200" height="100" viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
1919
<rect x="0" y="0"></rect>

0 commit comments

Comments
 (0)