gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Responsive Web Design: Improve translate Give Links Meaning by Using Descriptive Link Text (#19643)

Browse Source
This commit is contained in:
Gregory Gubarev
2018-10-27 17:38:47 +04:00
committed by GitHub
parent 746e8f5682
commit 4e4538fa80
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.russian.md
View File

@ -7,17 +7,17 @@ localeTitle: 'Дать ссылку, используя текст описат
---
## Description
<section id="description"> У пользователей экранного считывателя есть разные опции для того, какой тип содержимого их устройство читает. Это включает в себя пропуск элементов (или над ними), переход к основному содержимому или получение сводки страниц из заголовков. Другой вариант - только слышать ссылки, доступные на странице. Экранные читатели делают это, читая текст ссылки, или то, что находится между тэгами anchor ( <code>a</code> ). Наличие списка ссылок «нажмите здесь» или «прочитать больше» не поможет. Вместо этого вы должны использовать короткий, но описательный текст в тегах <code>a</code> чтобы обеспечить больше значения для этих пользователей. </section>
<section id="description"> У пользователей экранного считывателя есть разные опции для того, какой тип содержимого их устройство читает. Это включает в себя пропуск элементов (или над ними), переход к основному содержимому или получение сводки страниц из заголовков. Другой вариант - только слышать ссылки, доступные на странице. Экранные читатели делают это, читая текст ссылки, или то, что находится между тэгами anchor ( <code>a</code> ). Наличие списка ссылок «нажмите здесь» или «прочитать больше» не поможет. Вместо этого вы должны использовать короткий, но описательный текст в тегах <code>a</code> чтобы предоставить больше смысла для этих пользователей. </section>
## Instructions
<section id="instructions"> Текст ссылки, который использует Camper Cat, не очень описателен без окружающего контекста. Переместите метки привязки ( <code>a</code> ), чтобы они обменивали текст «информация об аккумуляторах» вместо «Нажмите здесь». </section>
<section id="instructions"> Текст ссылки, который использует Camper Cat, не очень описателен без окружающего контекста. Переместите метки привязки ( <code>a</code> ), чтобы они обернули текст «информация об аккумуляторах» вместо «Нажмите здесь». </section>
## Tests
<section id='tests'>
```yml
tests:
- text: 'Ваш код должен переместить якорь теги вокруг слов «Нажмите здесь» , чтобы обернуть вокруг слов «информация о батареях». <code>a</code>'
- text: 'Ваш код должен переместить якорь тега вокруг слов «Нажмите здесь» , чтобы обернуть вокруг слов «информация о батареях». <code>a</code>'
testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor <code>a</code> tags from around the words "Click here" to wrap around the words "information about batteries".");'
- text: 'Убедитесь , что ваш элемент имеет закрывающий тег. <code>a</code>'
testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a href=(""|"")>/g).length, "Make sure your <code>a</code> element has a closing tag.");'