From 6985e4942b55b73e2b482e3cfae6f242211cf511 Mon Sep 17 00:00:00 2001 From: Gregory Gubarev Date: Sun, 28 Oct 2018 22:03:03 +0400 Subject: [PATCH] Responsive Web Design: Improve translate, added text in tests (#19647) --- ...-field-accessibility-with-the-label-element.russian.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md index ef963c890c..b46bb73ac5 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.russian.md @@ -7,19 +7,19 @@ localeTitle: Улучшить доступность поля формы с по --- ## Description -
Улучшение доступности с семантической разметкой HTML применяется к использованию как соответствующих имен тегов, так и атрибутов. Следующие несколько проблем охватывают некоторые важные сценарии с использованием атрибутов в формах. label метки обертывает текст для определенного элемента управления формой, как правило, имя или ярлык для выбора. Это связывает смысл с элементом и делает форму более читаемой. for атрибута на label тега явно связывает эту label с контролем формы и используется для чтения с экрана. Вы узнали о переключателях и их ярлыках в уроке в разделе «Основные HTML». В этом уроке мы завернули элемент ввода переключателя внутри элемента label вместе с текстом ярлыка, чтобы сделать текст кликабельным. Другой способ добиться этого - использовать атрибут for как объяснено в этом уроке. Значение атрибута for должно быть таким же, как значение атрибута id элемента управления формой. Вот пример:
<Форма>
<label for = "name"> Имя: </ label>
<input type = "text" id = "name" name = "name">
</ Форма>
+
Улучшение доступности с семантической разметкой HTML применяется к использованию как соответствующих имен тегов, так и атрибутов. Следующие несколько проблем охватывают некоторые важные сценарии с использованием атрибутов в формах. label метки обертывают текст для определенного элемента управления формой, как правило это имя или ярлык для выбора. Это связывает смысл с элементом и делает форму более читаемой. for атрибут на label теге явно связывает этот label с контролем формы и используется для чтения с экрана. Вы узнали о переключателях и их ярлыках в уроке в разделе «Основы HTML». В этом уроке мы завернули элемент ввода переключателя внутри элемента label вместе с текстом ярлыка, чтобы сделать текст кликабельным. Другой способ добиться этого - использовать атрибут for как объяснено в этом уроке. Значение атрибута for должно быть таким же, как значение атрибута id элемента управления формой. Вот пример:
<Форма>
<label for = "name"> Имя: </ label>
<input type = "text" id = "name" name = "name">
</ Форма>
## Instructions -
Camper Cat ожидает большой интерес к его задумчивым сообщениям в блоге и хочет включить форму для регистрации электронной почты. Добавить for атрибута электронной label , которая соответствует id на его input поле.
+
Camper Cat рассчитывает на большой интерес к его вдумчивым сообщениям в блоге и хочет включить форму для регистрации электронной почты. Добавьте for атрибут к label электронной почты, которая соответствует id на его input поле.
## Tests
```yml tests: - - text: '' + - text: 'Ваш код должен иметь атрибут for в теге label, который не является пустым.' testString: 'assert($("label").attr("for"), "Your code should have a for attribute on the label tag that is not empty.");' - - text: '' + - text: 'Значение атрибута for должно соответствовать значению id электронной почты input.' testString: 'assert($("label").attr("for") == "email", "Your for attribute value should match the id value on the email input.");' ```