Skip to content

Commit

Permalink
[ru]: standard title for "Accessibility" (#24308)
Browse files Browse the repository at this point in the history
  • Loading branch information
sedlukha authored Nov 5, 2024
1 parent 0770aa4 commit b2d5c3a
Show file tree
Hide file tree
Showing 26 changed files with 26 additions and 26 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -122,7 +122,7 @@ function changeCheckbox(event) {

{{EmbedLiveSample("Примеры", 230, 250)}}

## Проблемы доступности
## Доступность

Когда `checkbox` роль добавлена к элементу, юзер агент должен сделать следующее:

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/_colon_focus/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ input:focus {

{{EmbedLiveSample('Пример', '100%', 40)}}

## Проблемы доступности
## Доступность

Убедитесь что визуальный индикатор фокусировки хорошо виден людям с плохим зрением. Это также поможет любым другим людям, которые используют экран в ярко освещённом месте (например, на солнце). [WCAG 2.1 SC 1.4.11 Non-Text Contrast](https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html) (_WCAG 2.1 SC 1.4.11 Нетекстовой контраст_) требует, чтобы контраст визуального индикатора фокуса должен быть не менее 3 к 1.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/_doublecolon_placeholder/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ input::placeholder {

{{EmbedLiveSample("Зелёный_текст", 200, 60)}}

## Проблемы доступности
## Доступность

### Цветовой контраст

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/background-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ background-color: unset;

{{EmbedLiveSample("Примеры","200","150")}}

## Проблемы доступности
## Доступность

Важно обеспечить достаточный цветовой контраст между цветом текста и фоном, чтобы люди со слабым зрением могли его прочитать, но при этом должна быть достаточная разница между введённым текстом и текстом placeholder, чтобы пользователь не путал их.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/content/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -263,7 +263,7 @@ li {

{{EmbedLiveSample('Замена_элемента', '100%', 160)}}

## Проблемы доступности
## Доступность

Сгенерированный CSS контент не включён в [DOM](/ru/docs/Web/API/Document_Object_Model/Introduction). Из-за этого он не будет представлен в [accessibility tree](/ru/docs/Learn/Accessibility/What_is_accessibility#Accessibility_APIs) и некоторые комбинации вспомогательных технологий/браузеров не будут его объявлять. Если контент содержит информацию, которая имеет решающее значение для понимания цели страницы, лучше включить её в основной документ.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/flex-direction/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ flex-direction: unset;
- `column-reverse`
- : Ведёт себя как `column`, но точки **main-start** и **main-end** переставлены местами.

## Проблемы доступности
## Доступность

Использование свойства `flex-direction` со значениями `row-reverse` и `column-reverse` создаст различие между визуальным представлением содержимого и его порядком в DOM. Это отрицательно влияет на пользователей с плохим зрением, использующих навигацию с помощью вспомогательных технологий, таких как программы чтения с экрана. Если визуальный порядок важен, пользователи программ чтения с экрана не будут иметь доступа к правильному порядку.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@ div {

{{EmbedLiveSample('Пример', 'auto', 240)}}

## Проблемы доступности
## Доступность

Убедитесь, что элементы с `height` не обрезаются и / или не затеняют другое содержимое, когда страница масштабируется для увеличения размера текста.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ slug: Web/CSS/Layout_cookbook/Breadcrumb_Navigation
Этот шаблон построен с использованием простого гибкого макета, демонстрирующего, как строка CSS может дать нам нашу навигацию. Разделители добавляются с использованием содержимого, созданного CSS. Вы можете изменить их на любой разделитель, который вам нравится.
## Проблемы доступности
## Доступность
Я использовал атрибуты `aria-label` и `aria-current`, чтобы помочь пользователям понять, что это за навигация и где в структуре находится текущая страница.
Смотреть связанные ссылки для получения дополнительной информации.
Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/letter-spacing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ letter-spacing: unset;

{{ EmbedLiveSample('Примеры', 440, 185) }}

## Проблемы доступности
## Доступность

Большие положительные или отрицательные значения свойства `letter-spacing` могут сделать текст, к которому применяется форматирование, нечитаемым. При очень больших положительных значениях этого свойства, буквы в тексте будут настолько далеко друг от друга, что не будут восприниматься как цельные слова. При очень больших отрицательных значениях буквы будут перекрываться друг другом до такой степени, что слова могут стать неразличимы.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/max-height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ form {
}
```

## Проблемы доступности
## Доступность

Убедитесь, что элементы с `max-height` не обрезаются и / или не закрывают другой контент, когда страница увеличена для увеличения размера текста.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/max-width/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@ max-width: unset;

{{EmbedLiveSample("fit-content-demo", 400, 100)}}

## Проблемы доступности
## Доступность

Убедитесь, что элементы с `max-width` не обрезаются и / или не закрывают другой контент, когда страница увеличена для увеличения размера текста.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/opacity/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ img.opacity:hover {

{{EmbedLiveSample('Различная_непрозрачность_с_hover', '150', '175')}}

## Проблемы доступности
## Доступность

Если непрозрачность текста регулируется, важно убедиться, что коэффициент контрастности между цветом текста и фоном, на котором размещён текст, достаточно высок, чтобы люди, испытывающие проблемы со слабым зрением, могли читать содержимое страницы.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/width/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -160,7 +160,7 @@ p.minblue {

{{EmbedLiveSample('min-content_2', '500px', '155px')}}

## Проблемы доступности
## Доступность

Убедитесь, что элементы с `width` не обрезаются и / или не затеняют другое содержимое, когда страница масштабируется для увеличения размера текста.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/css/word-spacing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ word-spacing: unset;

{{ EmbedLiveSample('Example') }}

## Проблемы доступности
## Доступность

Большое положительное или отрицательное значение `word-spacing` может сделать предложения, к которым применяется стиль, нечитаемыми. Для текста, стилизованного с очень большими положительными значениями, слова будут так далеки друг от друга, что он больше не будет казаться предложением. Для текста, стилизованного с очень большими отрицательными значениями, слова будут перекрывать друг от друга до точки, где начало и конец каждого слова будут неразличимы.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/audio/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -122,7 +122,7 @@ slug: Web/HTML/Element/audio
</audio>
```

## Проблемы доступности
## Доступность

Audio with spoken dialog should provide both captions and transcripts that accurately describe its content. Captions allow people who are experiencing hearing loss to understand an audio recording's content as the recording is being played, while transcripts allow people who need additional time to be able to review the recording's content at a pace and format that is comfortable for them.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/br/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ USA<br />

{{ EmbedLiveSample('Простой_br', '100%', '90') }}

## Проблемы доступности
## Доступность

Разделять абзацы в тексте, используя `<br>` не только плохая практика, но и проблема для людей, которые используют программы чтения с экрана. Программы чтения могут сообщать о наличии элемента, но не содержимом в `<br>`. Это может привести к путанице и разочарованию для человека, использующего программу чтения с экрана.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/del/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ slug: Web/HTML/Element/del

~~This paragraph has been deleted.~~

## Проблемы доступности
## Доступность

Присутствие элемента `del` не определено в конфигурации по умолчанию большинством технологий чтения с экрана. Его можно задать, используя свойство CSS {{cssxref("content")}}, а также {{cssxref("::before")}} и с помощью псевдоэлемента {{cssxref("::after")}}.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/dl/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ dt:after {

Чтобы изменить отступ определений терминов, воспользуйтесь [CSS](/ru/docs/Web/CSS) - свойством {{cssxref("margin")}}.

## Проблемы доступности
## Доступность

Каждый скринридер произносит содержимое элемента `<dl>` по-разному. Некоторые скринридеры, такие как VoiceOver на iOS, не будут озвучивать, что содержимое `<dl>` это список. В связи с этим, убедитесь, что содержимое каждого элемента списка написано таким образом, что оно сообщает о своём отношении с другими элементами списка в списке группы.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/footer/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ slug: Web/HTML/Element/footer
</footer>
```

## Проблемы доступности
## Доступность

У программа чтения с экрана [VoiceOver](https://help.apple.com/voiceover/info/guide/) есть проблема, при которой она не читает элемент `<footer>` (не добавляет [роль-ориентир](/ru/docs/Learn/Доступность/WAI-ARIA_basics#SignpostsLandmarks) элемента `<footer>` в список ориентиров). Чтобы решить эту проблему добавьте `role="contentinfo"` в элемент `<footer>`.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/heading_elements/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ l10n:

{{EmbedLiveSample('Пример страницы', '280', '480')}}

## Проблемы доступности
## Доступность

### Навигация

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/html/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ slug: Web/HTML/Element/html
</html>
```

## Проблемы доступности
## Доступность

Добавление атрибута [`lang`](/ru/docs/Web/HTML/Global_attributes#lang) с допустимым (валидным) идентификатором языка (определены в документе IETF [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt)) в элемент `<html>` поможет технологии чтения с экрана правильно определить язык. Идентификатор языка должен описывать язык, который используется большей частью содержимого страницы. Без него программы чтения с экрана, как правило, по умолчанию используют язык операционной системы, который может может стать причиной неправильного произношения.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/img/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,7 @@ slug: Web/HTML/Element/img

Хотя у элементов `<img>` есть множество безобидных применений, они могут иметь нежелательные последствия для безопасности и приватности пользователя. Смотрите "[Заголовок Referer: проблемы приватности и безопасности](/ru/docs/Web/Security/Referer_header:_privacy_and_security_concerns)" для получения дополнительной информации.

## Проблемы доступности
## Доступность

### Создание значимых альтернативных описаний

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/main/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ HTML-элемент **`<main>`** представляет основное со

{{EmbedLiveSample("Пример")}}

## Проблемы доступности
## Доступность

### Ориентир

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/p/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@ document.querySelector("button").addEventListener("click", function (event) {

{{EmbedLiveSample('Стилизация_абзацев')}}

## Проблемы доступности
## Доступность

Разделение контента на абзацы помогает сделать страницу более доступной. Программы чтения с экрана и другие вспомогательные технологии предоставляют шорткаты ("shortcut" - кратчайший путь), позволяющие пользователям переходить к следующему или предыдущему абзацу, позволяя им просматривать содержимое, например, как пустая строка позволяет пользователям, воспринимающим информацию визуально, пропускать абзацы.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/pre/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ body {

{{EmbedLiveSample("Пример")}}

## Проблемы доступности
## Доступность

Важно предоставить альтернативное описание для любых изображений или диаграмм, созданных с использованием предварительно отформатированного текста. Альтернативное описание должно чётко и лаконично описывать содержание изображения или диаграммы.

Expand Down
2 changes: 1 addition & 1 deletion files/ru/web/html/element/title/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ HTML-элемент **`<title>`** определяет заголовок док

Этот пример устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как "Потрясающий заголовок страницы".

## Проблемы доступности
## Доступность

Важно указать такое значение `title`, которое описывает назначение страницы.

Expand Down

0 comments on commit b2d5c3a

Please sign in to comment.