[Russian] Improved translate (#24384)
* [Russian] Improved translate Improved translate Wrap Radio Buttons in a fieldset Element for Better Accessibility * Edited example
This commit is contained in:
Gregory Gubarev
GitHub
@ -3,14 +3,14 @@ id: 587d778b367417b2b2512aa7
|
||||
title: Wrap Radio Buttons in a fieldset Element for Better Accessibility
|
||||
challengeType: 0
|
||||
videoUrl: ''
|
||||
localeTitle: Wrap Radio Buttons в элементе Fieldset Элемент для лучшей доступности
|
||||
localeTitle: Обтекание переключателей в элементе Fieldset для лучшей доступности
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Следующая тема формы охватывает доступность переключателей. Каждый выбор дается <code>label</code> с <code>for</code> атрибута привязки к <code>id</code> соответствующего пункта , как рассматриваются в последней задаче. Поскольку радиокнопки часто входят в группу, где пользователь должен выбрать один, есть способ семантически показать, что выбор является частью набора. Тег <code>fieldset</code> окружает всю группу переключателей для достижения этого. Он часто использует тег <code>legend</code> чтобы предоставить описание для группировки, которое считывается программами чтения с экрана для каждого выбора в элементе <code>fieldset</code> . <code>fieldset</code> и тег <code>legend</code> не нужны, если выбор не требует пояснений, например, гендерный выбор. Использование <code>label</code> с <code>for</code> атрибута для каждого переключателя достаточно. Вот пример: <blockquote> <Форма> <br> <FIELDSET> <br> <legend> Выберите один из этих трех элементов: </ legend> <br> <input id = "one" type = "radio" name = "items" value = "one"> <br> <label for = "one"> Выбор 1 </ label> <br> <br> <input id = "two" type = "radio" name = "items" value = "two"> <br> <label for = "two"> Выбор 2 </ label> <br> <br> <input id = "three" type = "radio" name = "items" value = "three"> <br> <label for = "three"> Choice Three </ label> <br> </ FIELDSET> <br> </ Форма> <br></blockquote></section>
|
||||
<section id="description"> Следующая тема охватывает доступность переключателей. Каждый выбор дается <code>label</code> с <code>for</code> атрибутом привязки к <code>id</code> соответствующего пункта, как рассматривалось в последней задаче. Поскольку радиокнопки часто входят в группу, где пользователь должен выбрать одну, есть способ семантически показать, что выбор является частью набора. Тег <code>fieldset</code> окружает всю группу переключателей для достижения этого. Он часто использует тег <code>legend</code> чтобы предоставить описание для группировки, которое считывается программами чтения с экрана для каждого выбора в элементе <code>fieldset</code>. <code>fieldset</code> и тег <code>legend</code> не нужны, если выбор не требует пояснений, например, гендерный выбор. Использование <code>label</code> с <code>for</code> атрибута для каждого переключателя достаточно. Вот пример: <blockquote> <form> <br> <fieldset> <br> <legend> Выберите один из этих трех элементов: </ legend> <br> <input id = "one" type = "radio" name = "items" value = "one"> <br> <label for = "one"> Выбор 1 </ label> <br> <br> <input id = "two" type = "radio" name = "items" value = "two"> <br> <label for = "two"> Выбор 2 </ label> <br> <br> <input id = "three" type = "radio" name = "items" value = "three"> <br> <label for = "three"> Choice Three </ label> <br> </ fieldset> <br> </ form> <br></blockquote></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions"> Camper Cat хочет получить информацию о уровне ниндзя своих пользователей, когда они регистрируются в своем списке электронной почты. Он добавил набор переключателей и узнал из нашего последнего урока, чтобы использовать метки меток <code>for</code> атрибутов для каждого выбора. Go Camper Cat! Однако его код по-прежнему нуждается в некоторой помощи. Измените тег <code>div</code> окружающий радиокнопки, на тег <code>fieldset</code> и измените тег <code>p</code> внутри него на <code>legend</code> . </section>
|
||||
<section id="instructions"> Camper Cat хочет получить информацию о уровне ниндзя своих пользователей, когда они регистрируются в его списке электронной почты. Он добавил набор переключателей и узнал из нашего последнего урока, чтобы использовать метки меток <code>for</code> атрибутов для каждого выбора. Вперед Camper Cat! Однако его код по-прежнему нуждается в некоторой помощи. Измените тег <code>div</code> окружающий радиокнопки, на тег <code>fieldset</code> и измените тег <code>p</code> внутри него на <code>legend</code>. </section>
|
||||
|
||||
## Tests
|
||||
<section id='tests'>
|
||||
@ -23,7 +23,7 @@ tests:
|
||||
testString: 'assert(code.match(/<\/fieldset>/g) && code.match(/<\/fieldset>/g).length === code.match(/<fieldset>/g).length, "Make sure your <code>fieldset</code> element has a closing tag.");'
|
||||
- text: 'Ваш код должен иметь тег <code>legend</code> вокруг текста, спрашивающий, какой уровень ниндзя является пользователем.'
|
||||
testString: 'assert($("legend").length == 1, "Your code should have a <code>legend</code> tag around the text asking what level ninja a user is.");'
|
||||
- text: У вашего кода не должно быть никаких тегов <code>div</code> .
|
||||
- text: У вашего кода не должно быть никаких тегов <code>div</code>.
|
||||
testString: 'assert($("div").length == 0, "Your code should not have any <code>div</code> tags.");'
|
||||
- text: 'В вашем коде больше нет тега <code>p</code> вокруг текста, спрашивающего, какой уровень ниндзя является пользователем.'
|
||||
testString: 'assert($("p").length == 4, "Your code should no longer have a <code>p</code> tag around the text asking what level ninja a user is.");'
|
||||
|
||||
Reference in New Issue
Block a user