diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md
index 2bc3b3db1c..58cc70d68b 100644
--- a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md
+++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.russian.md
@@ -7,10 +7,10 @@ localeTitle: Улучшить доступность диаграммы с по
---
## Description
- HTML5 представил элемент figure
вместе со связанной figcaption
. Используемые вместе эти элементы обертывают визуальное представление (например, изображение, диаграмму или диаграмму) вместе с его заголовком. Это дает двукратное повышение доступности как с семантической группировкой связанного контента, так и с предоставлением текстовой альтернативы, которая объясняет эту figure
. Для визуализации данных, таких как диаграммы, заголовок можно использовать, чтобы кратко отметить тенденции или выводы для пользователей с нарушениями зрения. Другая проблема заключается в том, как переносить табличную версию данных диаграммы за пределы экрана (с использованием CSS) для пользователей с экрана. Вот пример - обратите внимание , что figcaption
идет внутри figure
тегов и может быть объединен с другими элементами: <Цифра>
<img src = "roundhouseDestruction.jpeg" alt = "Фотография Camper Cat, выполняющая удар в круглой форме">
<br>
<Figcaption>
Мастер Кэмпер Кота демонстрирует правильную форму нокаута.
</ Figcaption>
</ Цифра>
+ HTML5 представил элемент figure
вместе со связанной figcaption
. Используемые вместе эти элементы обертывают визуальное представление (например, изображение, диаграмму или схему) вместе с его заголовком. Это дает двукратное повышение доступности как с семантической группировкой связанного контента, так и с предоставлением текстовой альтернативы, которая объясняет эту figure
. Для визуализации данных, таких как диаграммы, заголовок можно использовать, чтобы кратко отметить тенденции или выводы для пользователей с нарушениями зрения. Другая проблема заключается в том, как переносить табличную версию данных диаграммы за пределы экрана (с использованием CSS) для пользователей с экрана. Вот пример - обратите внимание, что figcaption
идет внутри figure
тегов и может быть объединен с другими элементами: <Цифра>
<img src = "roundhouseDestruction.jpeg" alt = "Фотография Кэмпер Кота, выполняющего удар с разворота">
<br>
<Figcaption>
Мастер Кэмпер Кот демонстрирует правильный удар с разворота.
</ Figcaption>
</ Цифра>
## Instructions
- Camper Cat тяжело работает, создавая сложную гистограмму, показывающую количество времени в неделю, чтобы провести обучение в хитрости, сражении и оружии. Помогите ему лучше структурировать свою страницу, изменив тег div
он использовал для тега figure
, и тэг p
который окружает подпись к тегу figcaption
.
+ Кэмпер Кот тяжело работает, создавая сложную гистограмму, показывающую количество времени в неделю, затраченное на обучение в хитрости, сражении и оружии. Помогите ему лучше структурировать свою страницу, изменив тег div
который он использовал для тега figure
, и тэг p
который окружает подпись к тегу figcaption
.
## Tests
@@ -23,7 +23,7 @@ tests:
testString: 'assert($("figcaption").length == 1, "Your code should have one figcaption
tag.");'
- text: У вашего кода не должно быть никаких тегов div
.
testString: 'assert($("div").length == 0, "Your code should not have any div
tags.");'
- - text: Ваш код не должен иметь каких - либо p
- теги.
+ - text: Ваш код не должен иметь каких - либо p
- тегов.
testString: 'assert($("p").length == 0, "Your code should not have any p
tags.");'
- text: figcaption
должен быть дочерним элементом тега figure
.
testString: 'assert($("figure").children("figcaption").length == 1, "The figcaption
should be a child of the figure
tag.");'