From b128bf3beb0ba418f95b942226c546ffb8c2b4f0 Mon Sep 17 00:00:00 2001 From: Gregory Gubarev Date: Sun, 28 Oct 2018 21:53:36 +0400 Subject: [PATCH] Responsive Web Design: Improve translate Improve Chart Accessibility with the figure Element (#19645) --- ...e-chart-accessibility-with-the-figure-element.russian.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) 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.");'