From 6685b06b55a6892feba6fdea3d56888c89555aac Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 27 Jul 2021 12:32:34 -0400 Subject: remove link 'title' attributes that's just the 'href' (ru, part 2) (#1732) --- files/ru/learn/forms/basic_native_form_controls/index.html | 2 +- .../learn/forms/how_to_build_custom_form_controls/index.html | 10 +++++----- files/ru/learn/forms/how_to_structure_a_web_form/index.html | 4 ++-- files/ru/learn/forms/styling_web_forms/index.html | 4 ++-- files/ru/learn/forms/your_first_form/index.html | 4 ++-- .../learn/html/howto/author_fast-loading_html_pages/index.html | 4 ++-- 6 files changed, 14 insertions(+), 14 deletions(-) (limited to 'files/ru/learn') diff --git a/files/ru/learn/forms/basic_native_form_controls/index.html b/files/ru/learn/forms/basic_native_form_controls/index.html index dc7db5a0dc..434004757c 100644 --- a/files/ru/learn/forms/basic_native_form_controls/index.html +++ b/files/ru/learn/forms/basic_native_form_controls/index.html @@ -669,7 +669,7 @@ beans.oninput = function() {

{{PreviousMenuNext("Learn/HTML/Forms/How_to_structure_an_HTML_form", "Learn/HTML/Forms/Sending_and_retrieving_form_data", "Learn/HTML/Forms")}}

diff --git a/files/ru/learn/forms/how_to_build_custom_form_controls/index.html b/files/ru/learn/forms/how_to_build_custom_form_controls/index.html index 5962cc1074..4d256c623b 100644 --- a/files/ru/learn/forms/how_to_build_custom_form_controls/index.html +++ b/files/ru/learn/forms/how_to_build_custom_form_controls/index.html @@ -320,7 +320,7 @@ original_slug: Learn/HTML/Forms/How_to_build_custom_form_widgets
-

Замечание: Создание многократно используемых виджетов может быть немного сложнее. W3C Web Component draft является одним из ответов на этот конкретный вопрос. The X-Tag project попытка реализовать эту спецификацию; пожалуйста, посмотрите этот проект.

+

Замечание: Создание многократно используемых виджетов может быть немного сложнее. W3C Web Component draft является одним из ответов на этот конкретный вопрос. The X-Tag project попытка реализовать эту спецификацию; пожалуйста, посмотрите этот проект.

Почему он не работает?

@@ -332,7 +332,7 @@ original_slug: Learn/HTML/Forms/How_to_build_custom_form_widgets
  • Скрипт не загружается. Это один из самых распространённых случаев, особенно в мобильном мире, где сеть не очень надёжная.
  • Скрипт глючит.Вы должны всегда учитывать эту возможность.
  • Скрипт конфликтует со сторонним скриптом. Это может случиться со скриптами отслеживания или любыми букмарклетами (bookmarklets), которые использует пользователь.
    • -
  • Скрипт конфликтует с расширением браузера или зависит от него (такими как расширение NoScript в Firefox, или расширение NotScripts в Chrome).
    • +
  • Скрипт конфликтует с расширением браузера или зависит от него (такими как расширение NoScript в Firefox, или расширение NotScripts в Chrome).
  • Пользователь использует устаревший браузер, и одна из требуемых функций не поддерживается. Это часто случается, когда вы используете передовые API.
    • @@ -413,7 +413,7 @@ original_slug: Learn/HTML/Forms/How_to_build_custom_form_widgets

    В коде который мы собираемся написать, для выполнения всех необходимых действий мы будем использовать стандартный DOM API. Однако, хотя поддержка DOM API в браузерах стала гораздо лучше, все ещё есть нюансы с устраевшеними браузерами  (особенно со старым добрым Internet Explorer).

    -

    Чтобы избежать неприятностей с устаревшими браузерами есть два способа: использовать отдельный фреймворк такой как jQuery, $dom, prototype, Dojo, YUI, и т.п., или самостоятельно реализовать недостающие функции которые вам нужны (что можно легко сделать через условную загрузку, например используя библиотеку yepnope).

    +

    Чтобы избежать неприятностей с устаревшими браузерами есть два способа: использовать отдельный фреймворк такой как jQuery, $dom, prototype, Dojo, YUI, и т.п., или самостоятельно реализовать недостающие функции которые вам нужны (что можно легко сделать через условную загрузку, например используя библиотеку yepnope).

    Мы планируем использовать следующие функции (от самых рискованных до самых безопасных):

    @@ -689,7 +689,7 @@ window.addEventListener('load', function () {

    Мы создали нечто работающее, и, хотя это далеко от полнофункционального выпадающего списка, работает это хорошо. Однако то, что мы сделали, это не более, чем возня с DOM. У него нет настоящей семантики, и хотя оно выглядит как раскрывающейся список, с точки зрения браузера - это не так, поэтому вспомогательные технологии не смогут понять что это он и есть. Короче говоря, этот хорошенький список для выбора фруктов не является доступным для людей с ограниченными возможностями!

    -

    К счастью существует решение, и оно называется ARIA. ARIA - аббревиатура для "Accessible Rich Internet Application" (Доступное всем интернет приложение), и представляет собой W3C спецификацию специально разработанную для того, что мы здесь делаем: делаем веб приложения и пользовательские виджеты ассистивными (доступными для людей с ограниченными возможностями). В основном, это набор атрибутов, которые расширяют HTML, чтобы мы смогли лучше описать роли, состояния и свойства, так что только что изобретённый элемент выглядит как будто он был тем стандартным, за которого он себя выдаёт. Использовать эти атрибуты очень просто, поэтому давайте сделаем это.

    +

    К счастью существует решение, и оно называется ARIA. ARIA - аббревиатура для "Accessible Rich Internet Application" (Доступное всем интернет приложение), и представляет собой W3C спецификацию специально разработанную для того, что мы здесь делаем: делаем веб приложения и пользовательские виджеты ассистивными (доступными для людей с ограниченными возможностями). В основном, это набор атрибутов, которые расширяют HTML, чтобы мы смогли лучше описать роли, состояния и свойства, так что только что изобретённый элемент выглядит как будто он был тем стандартным, за которого он себя выдаёт. Использовать эти атрибуты очень просто, поэтому давайте сделаем это.

    Атрибут role

    @@ -741,7 +741,7 @@ window.addEventListener('load', function () { highlightOption(select, optionList[index]); }; -

    Вот окончательный результат всех этих изменений (вы сможете это лучше прочувствовать если испробуете это со вспомогательными технологиями, такими как NVDA или VoiceOver):

    +

    Вот окончательный результат всех этих изменений (вы сможете это лучше прочувствовать если испробуете это со вспомогательными технологиями, такими как NVDA или VoiceOver):

    diff --git a/files/ru/learn/forms/how_to_structure_a_web_form/index.html b/files/ru/learn/forms/how_to_structure_a_web_form/index.html index 36b35f08d0..9cad80d3f5 100644 --- a/files/ru/learn/forms/how_to_structure_a_web_form/index.html +++ b/files/ru/learn/forms/how_to_structure_a_web_form/index.html @@ -48,7 +48,7 @@ original_slug: Learn/HTML/Forms/How_to_structure_an_HTML_form

    Элемент {{HTMLElement("fieldset")}} - это удобный способ стилистической и семантической группировки элементов формы. Вы можете установить заголовок {{HTMLElement("fieldset")}}, добавив элемент {{HTMLElement("legend")}} сразу после открывающего тега {{HTMLElement("fieldset")}}. Текст элемента {{HTMLElement("legend")}} формально описывает назначение содержимого {{HTMLElement("fieldset")}}.

    -

    Различные вспомогательные технологии будут использовать {{HTMLElement("legend")}} как часть метки label всех элементов внутри {{HTMLElement("fieldset")}}. Например, такие экранные дикторы как Jaws или NVDA произносят заголовок формы {{HTMLElement("legend")}} перед произношением названия меток элементов.

    +

    Различные вспомогательные технологии будут использовать {{HTMLElement("legend")}} как часть метки label всех элементов внутри {{HTMLElement("fieldset")}}. Например, такие экранные дикторы как Jaws или NVDA произносят заголовок формы {{HTMLElement("legend")}} перед произношением названия меток элементов.

    Небольшой пример:

    @@ -292,7 +292,7 @@ original_slug: Learn/HTML/Forms/How_to_structure_an_HTML_form

    Смотрите также

    {{PreviousMenuNext("Learn/HTML/Forms/Ваша_первая_HTML_форма", "Learn/HTML/Forms/Стандартные_виджеты_форм", "Learn/HTML/Forms")}}

    diff --git a/files/ru/learn/forms/styling_web_forms/index.html b/files/ru/learn/forms/styling_web_forms/index.html index 0f5e6214c8..8355a7a739 100644 --- a/files/ru/learn/forms/styling_web_forms/index.html +++ b/files/ru/learn/forms/styling_web_forms/index.html @@ -185,8 +185,8 @@ original_slug: Learn/HTML/Forms/Styling_HTML_forms
    1. The postcard background — download this image and save it in the same directory as your working HTML file.
      2. -
    2. A typewriter font: The "Secret Typewriter" font from fontsquirrel.com — download the TTF file into the same directory as above.
      3. -
    3. A handdrawn font: The "Journal" font from fontsquirrel.com — download the TTF file into the same directory as above.
      4. +
    4. A typewriter font: The "Secret Typewriter" font from fontsquirrel.com — download the TTF file into the same directory as above.
      5. +
    5. A handdrawn font: The "Journal" font from fontsquirrel.com — download the TTF file into the same directory as above.

    Your fonts need some more processing before you start:

    diff --git a/files/ru/learn/forms/your_first_form/index.html b/files/ru/learn/forms/your_first_form/index.html index 7bb52ddc46..96cf530884 100644 --- a/files/ru/learn/forms/your_first_form/index.html +++ b/files/ru/learn/forms/your_first_form/index.html @@ -40,8 +40,8 @@ original_slug: Learn/HTML/Forms/Ваша_первая_HTML_форма

    Проектирование форм является важным этапом при создании сайта или приложения. Удобство использования форм (UX) выходит за рамки данной статьи, однако если вы хотите углубиться в эту тему, то вам следует прочитать следующие статьи:

    В этой статье мы создадим простую контактную форму. Давайте сделаем набросок.

    diff --git a/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html index 73147c6fd4..a00ac54bb2 100644 --- a/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html +++ b/files/ru/learn/html/howto/author_fast-loading_html_pages/index.html @@ -103,7 +103,7 @@ original_slug: Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages <TABLE>...</TABLE> -

    Смотрите также: CSS3 Multi-column Layout Spec и CSS3 Flexible Box Layout

    +

    Смотрите также: CSS3 Multi-column Layout Spec и CSS3 Flexible Box Layout

    Сокращайте и сжимайте активы SVG

    @@ -187,7 +187,7 @@ original_slug: Web/Guide/HTML/Tips_for_authoring_fast-loading_HTML_pages -- cgit v1.2.3-54-g00ecf