CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="ru" dir="ltr" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'has-js'); function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "/WAI/assets/scripts/main.js?1732542395990846989"; document.body.appendChild(element); } window.addEventListener("load", downloadJSAtOnload, false); </script> <link rel="stylesheet" href="/WAI/assets/css/style.css?1732542395990846989"> <title> Видео введение в веб-доступность и стандарты W3C | Web Accessibility Initiative (WAI) | W3C</title> <meta name="generator" content="Jekyll v4.3.3" /> <meta property="og:title" content="Видео введение в веб-доступность и стандарты W3C" /> <meta name="author" content="W3C Web Accessibility Initiative (WAI)" /> <meta property="og:locale" content="ru" /> <meta name="description" content="Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI)." /> <meta property="og:description" content="Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI)." /> <link rel="canonical" href="https://www.w3.org/WAI/videos/standards-and-benefits/ru" /> <meta property="og:url" content="https://www.w3.org/WAI/videos/standards-and-benefits/ru" /> <meta property="og:site_name" content="Web Accessibility Initiative (WAI)" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:title" content="Видео введение в веб-доступность и стандарты W3C" /> <meta name="twitter:site" content="@w3c_wai" /> <meta name="twitter:creator" content="@W3C Web Accessibility Initiative (WAI)" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"W3C Web Accessibility Initiative (WAI)"},"description":"Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).","headline":"Видео введение в веб-доступность и стандарты W3C","url":"https://www.w3.org/WAI/videos/standards-and-benefits/ru"}</script>  <meta name="twitter:image" property="og:image" content="https://www.w3.org/WAI/assets/images/social-sharing-default.jpg"> <link rel="alternate" type="application/rss+xml" href="/WAI/feed.xml"> </head> <body id="top" class="page-видео-введение-в-веб-доступность-и-стандарты-w3c "> <nav aria-label="Пропустить ссылку и выбор языка" id="controls" class="default-grid"> <ul> <li><a href="#main">Перейти к контенту</a></li> <li class="opt"><a href="/WAI/meta/customize/">Изменить размер или цвет текста</a></li> <li class="opt languagelist"> <strong>Эта страница на:</strong> <ul class="languagelistul"><li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/" lang="en" dir="auto" translate="no">English</a></li><li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/ar" lang="ar" dir="auto" translate="no">العربية</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/cs" lang="cs" dir="auto" translate="no">čeština</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/de" lang="de" dir="auto" translate="no">Deutsch</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/el" lang="el" dir="auto" translate="no">Ελληνικά</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/es" lang="es" dir="auto" translate="no">español</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/fr" lang="fr" dir="auto" translate="no">français</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/id" lang="id" dir="auto" translate="no">Bahasa Indonesia</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/ja" lang="ja" dir="auto" translate="no">日本語</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/ko" lang="ko" dir="auto" translate="no">한국어</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/nl" lang="nl" dir="auto" translate="no">Nederlands</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/pl" lang="pl" dir="auto" translate="no">polski</a></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/pt-BR" lang="pt-BR" dir="auto" translate="no">Português do Brasil</a></li> <li><strong style="text-transform: capitalize;">русский язык</strong></li> <li><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/zh-hans" lang="zh-hans" dir="auto" translate="no">简体中文</a></li> </ul> </li> <li class="opt"> <a href="/WAI/translations/">Все переводы <svg focusable="false" aria-hidden="true" class="icon-translations "><use xlink:href="/WAI/assets/images/icons.svg#icon-translations"></use></svg></a> </li> <li><button id="showoptions" data-showhidebuttonid="header-showoptions" class="showhidebutton button-inline" data-target="#controls .opt" aria-expanded="false" data-large-aria-expanded="true" data-showtext='<svg focusable="false" aria-hidden="true" class="icon-languages "><use xlink:href="/WAI/assets/images/icons.svg#icon-languages"></use></svg> Показать настройки, языки, переводы' data-hidetext='Скрыть параметры'><svg focusable="false" aria-hidden="true" class="icon-languages "><use xlink:href="/WAI/assets/images/icons.svg#icon-languages"></use></svg> Показать настройки, языки, переводы</button></li> </ul> </nav> <header id="site-header" class="default-grid with-gap"> <div class="logos"> <a lang="en" class="home w3c" href="https://www.w3.org/"> <svg role="img" aria-label="W3C" viewBox="0 0 68 34" xmlns="http://www.w3.org/2000/svg"><g><path d="m16.117 1.006 5.759 19.58 5.759-19.58h4.17 11.444v1.946l-5.879 10.128c2.065.663 3.627 1.868 4.686 3.615 1.059 1.748 1.589 3.799 1.589 6.155 0 2.914-.775 5.363-2.324 7.348s-3.555 2.978-6.017 2.978c-1.854 0-3.469-.589-4.845-1.767-1.377-1.178-2.396-2.773-3.058-4.786l3.256-1.35c.477 1.218 1.106 2.178 1.887 2.879.781.702 1.701 1.052 2.76 1.052 1.112 0 2.052-.622 2.82-1.866.768-1.245 1.152-2.74 1.152-4.489 0-1.933-.411-3.429-1.231-4.488-.954-1.244-2.45-1.867-4.489-1.867h-1.588v-1.906l5.56-9.612h-6.712l-.382.65-8.163 27.548h-.397l-5.958-19.937-5.957 19.937h-.397l-9.53-32.168h4.17l5.759 19.58 3.892-13.185-1.906-6.395z"/><path d="m64.92 1.006c-.819 0-1.554.295-2.111.861-.591.6-.92 1.376-.92 2.178s.313 1.545.887 2.128c.583.591 1.334.912 2.145.912.793 0 1.562-.321 2.161-.903.574-.557.887-1.3.887-2.136 0-.811-.321-1.57-.878-2.136-.584-.592-1.344-.904-2.171-.904zm2.643 3.065c0 .701-.271 1.351-.768 1.832-.524.507-1.174.777-1.892.777-.675 0-1.342-.278-1.84-.785s-.777-1.157-.777-1.849.287-1.368.802-1.891c.481-.49 1.131-.751 1.84-.751.726 0 1.376.271 1.883.785.49.489.752 1.147.752 1.882zm-2.559-1.807h-1.3v3.445h.65v-1.469h.642l.701 1.469h.726l-.769-1.57c.498-.102.785-.439.785-.929 0-.625-.472-.946-1.435-.946zm-.118.422c.608 0 .886.169.886.591 0 .405-.278.549-.87.549h-.549v-1.14z"/><path d="m59.807.825.676 4.107-2.391 4.575s-.918-1.941-2.443-3.015c-1.285-.905-2.122-1.102-3.431-.832-1.681.347-3.587 2.357-4.419 4.835-.995 2.965-1.005 4.4-1.04 5.718-.056 2.113.277 3.362.277 3.362s-1.452-2.686-1.438-6.62c.009-2.808.451-5.354 1.75-7.867 1.143-2.209 2.842-3.535 4.35-3.691 1.559-.161 2.791.59 3.743 1.403 1 .854 2.01 2.721 2.01 2.721z"/><path d="m60.102 24.063s-1.057 1.889-1.715 2.617c-.659.728-1.837 2.01-3.292 2.651s-2.218.762-3.656.624c-1.437-.138-2.772-.97-3.24-1.317s-1.664-1.369-2.34-2.322-1.733-2.859-1.733-2.859.589 1.91.958 2.721c.212.467.864 1.894 1.789 3.136.863 1.159 2.539 3.154 5.086 3.604 2.547.451 4.297-.693 4.73-.97s1.346-1.042 1.924-1.66c.603-.645 1.174-1.468 1.49-1.962.231-.36.607-1.092.607-1.092z"/></g></svg> </a> <a lang="en" class="home" href="/WAI/"> <span class="wai"><span class="wa">Web Accessibility</span> <span class="i"><span class="initieative">Initiative</span> <span>WAI</span></span></span> </a> <div class="claim"> <span>Стратегии, стандарты, ресурсы по веб-доступности для инвалидов</span> </div> <button class="button button-menu" aria-haspopup="true" aria-expanded="false" id="openmenu"><span><svg focusable="false" aria-hidden="true" class="icon-menu "><use xlink:href="/WAI/assets/images/icons.svg#icon-menu"></use></svg> Меню</span></button> </div> <div class="navigations"> <nav class="metanav" aria-label="Meta & Search" lang="en"> <ul> <li><a href="/WAI/about/participating/">Get Involved</a></li> <li><a href="/WAI/about/">About W3C WAI</a></li> <li> <form action="/WAI/search/" role="search"> <div> <label for="header-search"> <span class="visuallyhidden">Поиск:</span> <input id="header-search" type="search" name="q" placeholder="Поиск" aria-label="Поиск"> </label> <button class="button button-icon button-nobg button-noborder"><span><svg focusable="false" aria-label="Послать запрос" class="icon-search "><use xlink:href="/WAI/assets/images/icons.svg#icon-search"></use></svg></span></button> </div> </form> </li> </ul> </nav> </div> </header><nav class="mainnav" aria-label="Главная" lang="ru"><ul><li><a lang="en" href="/WAI/fundamentals/"><span>Accessibility Fundamentals</span></a></li><li><a lang="en" href="/WAI/planning/"><span>Planning & Policies</span></a></li><li><a lang="en" href="/WAI/design-develop/"><span>Design & Develop</span></a></li><li><a lang="en" href="/WAI/test-evaluate/"><span>Test & Evaluate</span></a></li><li><a lang="en" href="/WAI/teach-advocate/"><span>Teach & Advocate</span></a></li><li><a lang="en" href="/WAI/standards-guidelines/"><span>Standards/<wbr>Guidelines</span></a></li></ul></nav><nav class="default-grid breadcrumb" aria-label="Хлебные крошки" lang="en"> <ul style="align-self: center;"> <li><a href="/WAI/" lang="en">Home</a></li><li><a lang="en" href="/WAI/fundamentals/"><span>Accessibility Fundamentals</span></a></li><li><a lang="ru" href="/WAI/fundamentals/accessibility-intro/ru"><span>ВВЕДЕНИЕ В ВЕБ-ДОСТУПНОСТЬ</span></a></li><li><a lang="ru" href="/WAI/videos/standards-and-benefits/ru" aria-current="page"><span>Введение</span></a></li></ul> </nav> <div class="default-grid with-gap leftcol"> <div class="sidenav"><nav class="sn-contents" aria-label="Secondary"> <ul class="sidenav--list"> <li> <a lang="en" href="/WAI/fundamentals/" class="page-link"><span>Accessibility Fundamentals</span></a></li><li> <a lang="ru" href="/WAI/fundamentals/accessibility-intro/ru" aria-current="location" class="page-link"><span>ВВЕДЕНИЕ В ВЕБ-ДОСТУПНОСТЬ</span></a><ul> <li> <a lang="ru" href="/WAI/videos/standards-and-benefits/ru" aria-current="page" class="page-link"><span>Введение</span></a></li></ul></li><li> <a lang="en" href="/WAI/people/" class="page-link"><span>Accessibility is About People</span></a><ul><li> <a lang="en" href="/WAI/perspective-videos/" class="page-link"><span>Perspectives Videos</span></a><ul><li> <a lang="en" href="/WAI/perspective-videos/keyboard/" class="page-link"><span>Keyboard Compatibility</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/contrast/" class="page-link"><span>Colors with Good Contrast</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/layout/" class="page-link"><span>Clear Layout and Design</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/speech/" class="page-link"><span>Text to Speech</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/controls/" class="page-link"><span>Large Links, Buttons, and Controls</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/captions/" class="page-link"><span>Video Captions</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/customizable/" class="page-link"><span>Customizable Text</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/voice/" class="page-link"><span>Speech Recognition</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/understandable/" class="page-link"><span>Understandable Content</span></a></li><li> <a lang="en" href="/WAI/perspective-videos/notifications/" class="page-link"><span>Notifications and Feedback</span></a></li></ul></li><li> <a lang="en" href="/WAI/people-use-web/" class="page-link"><span>How People with Disabilities Use the Web</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/" class="page-link"><span>Stories of Web Users</span></a><ul><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-one/" class="page-link"><span>Ade's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-two/" class="page-link"><span>Ian's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-three/" class="page-link"><span>Lakshmi's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-four/" class="page-link"><span>Lexie's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-five/" class="page-link"><span>Sophie's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-six/" class="page-link"><span>Dhruv's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-seven/" class="page-link"><span>Marta's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-eight/" class="page-link"><span>Stefan's Story</span></a></li><li> <a lang="en" href="/WAI/people-use-web/user-stories/story-nine/" class="page-link"><span>Elias' Story</span></a></li></ul></li><li> <a lang="en" href="/WAI/people-use-web/abilities-barriers/" class="page-link"><span>Diverse Abilities and Barriers</span></a><ul><li> <a lang="en" href="/WAI/people-use-web/abilities-barriers/auditory/" class="page-link"><span>Auditory</span></a></li><li> <a lang="en" href="/WAI/people-use-web/abilities-barriers/cognitive/" class="page-link"><span>Cognitive and Learning</span></a></li><li> <a lang="en" href="/WAI/people-use-web/abilities-barriers/physical/" class="page-link"><span>Physical</span></a></li><li> <a lang="en" href="/WAI/people-use-web/abilities-barriers/speech/" class="page-link"><span>Speech</span></a></li><li> <a lang="en" href="/WAI/people-use-web/abilities-barriers/visual/" class="page-link"><span>Visual</span></a></li></ul></li><li> <a lang="en" href="/WAI/people-use-web/tools-techniques/" class="page-link"><span>Tools and Techniques</span></a><ul><li> <a lang="en" href="/WAI/people-use-web/tools-techniques/perception/" class="page-link"><span>Perception</span></a></li><li> <a lang="en" href="/WAI/people-use-web/tools-techniques/presentation/" class="page-link"><span>Presentation</span></a></li><li> <a lang="en" href="/WAI/people-use-web/tools-techniques/input/" class="page-link"><span>Input</span></a></li><li> <a lang="en" href="/WAI/people-use-web/tools-techniques/navigation/" class="page-link"><span>Interaction</span></a></li></ul></li><li> <a lang="en" href="/WAI/older-users/" class="page-link"><span>Older Users and Accessibility</span></a><ul><li> <a lang="en" href="/WAI/older-users/developing/" class="page-link"><span>How WCAG 2 Applies</span></a></li><li> <a lang="en" href="/WAI/older-users/literature/" class="page-link"><span>Literature Review</span></a></li></ul></li><li> <a lang="en" href="/WAI/fundamentals/accessibility-usability-inclusion/" class="page-link"><span>Accessibility, Usability, Inclusion</span></a></li></ul></li><li> <a lang="en" href="/WAI/fundamentals/components/" class="page-link"><span>Components of Web Accessibility</span></a></li><li> <a lang="ru" href="/WAI/fundamentals/accessibility-principles/ru" class="page-link"><span>Принципы доступности</span></a></li><li> <a lang="en" href="/WAI/research/" class="page-link"><span>Research</span></a><ul><li> <a lang="en" href="/WAI/research/user-requirements/" class="page-link"><span>User Requirements</span></a></li><li> <a lang="en" href="/WAI/research/ai2023/" class="page-link"><span>AI and Accessibility</span></a></li></ul></li><li> <a lang="en" href="/WAI/courses/" class="page-link"><span>Digital Accessibility Courses</span></a><ul><li> <a lang="en" href="/WAI/courses/foundations-course/" class="page-link"><span>W3C Foundations Online Course</span></a></li><li> <a lang="en" href="/WAI/courses/list/" class="page-link"><span>Course List</span></a></li></ul></li></ul></nav><nav class="sidenav-languages" aria-labelledby="languagehead"> <header id="languagehead">Языки/переводы</header> <ul class="langlist"> <li style="margin-bottom: 2px;"><a href="/WAI/videos/standards-and-benefits/" lang="en" dir="auto" translate="no">English (original)</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/ar" dir="auto" translate="no" lang="ar">العربية</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/cs" dir="auto" translate="no" lang="cs">čeština</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/de" dir="auto" translate="no" lang="de">Deutsch</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/el" dir="auto" translate="no" lang="el">Ελληνικά</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/es" dir="auto" translate="no" lang="es">español</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/fr" dir="auto" translate="no" lang="fr">français</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/id" dir="auto" translate="no" lang="id">Bahasa Indonesia</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/ja" dir="auto" translate="no" lang="ja">日本語</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/ko" dir="auto" translate="no" lang="ko">한국어</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/nl" dir="auto" translate="no" lang="nl">Nederlands</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/pl" dir="auto" translate="no" lang="pl">polski</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/pt-BR" dir="auto" translate="no" lang="pt-BR">Português do Brasil</a></li><li style="margin-bottom: 2px;"><strong style="text-transform: capitalize;">русский язык</strong></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/videos/standards-and-benefits/zh-hans" dir="auto" translate="no" lang="zh-hans">简体中文</a></li></ul><p><a href="/WAI/translations/#ru">Другие ресурсы в русский язык</a></p> <p><a href="/WAI/translations/">Все переводы</a></p> <p><a href="/WAI/about/translating/">Перевод ресурсов WAI</a></p> </nav> </div> <main id="main" lang="ru"> <header> <h1> Видео введение в веб-доступность и стандарты W3C </h1></header> <section id="translation-info" class="doc-note-box doc-note-translation"> <h2 class="visuallyhidden"><span lang="en">About this translation</span></h2> <p>Этот волонтерский перевод может быть неточным и отличаться от<a href="/WAI/videos/standards-and-benefits/"> английского оригинала</a>.</p> <p><strong>Переводчик:</strong> Daniel Novichkov. <br />WAI благодарит переводчиков и приглашает к участию волонтеров<a href="/WAI/about/translating/"> переводы </a>.</p></section><div class="video-container" data-video-type="" dir="ltr"> <video preload="metadata" data-youtube-id="20SHvU2PKsM" data-youtube-nocookie="true" data-description-audible="false" playsinline=""><track src="/WAI/wai-videos/video-introduction/video-introduction.en.vtt" label="English" kind="captions" srclang="en" /><track src="/WAI/wai-videos/video-introduction/video-introduction.ar.vtt" label="العربية" kind="subtitles" srclang="ar" /><track src="/WAI/wai-videos/video-introduction/video-introduction.cs.vtt" label="čeština" kind="subtitles" srclang="cs" /><track src="/WAI/wai-videos/video-introduction/video-introduction.de.vtt" label="Deutsch" kind="subtitles" srclang="de" /><track src="/WAI/wai-videos/video-introduction/video-introduction.el.vtt" label="Ελληνικά" kind="subtitles" srclang="el" /><track src="/WAI/wai-videos/video-introduction/video-introduction.es.vtt" label="español" kind="subtitles" srclang="es" /><track src="/WAI/wai-videos/video-introduction/video-introduction.fa.vtt" label="فارسی" kind="subtitles" srclang="fa" /><track src="/WAI/wai-videos/video-introduction/video-introduction.fr.vtt" label="français" kind="subtitles" srclang="fr" /><track src="/WAI/wai-videos/video-introduction/video-introduction.gu.vtt" label="ગુજરાતી" kind="subtitles" srclang="gu" /><track src="/WAI/wai-videos/video-introduction/video-introduction.hi.vtt" label="हिन्दी, हिंदी" kind="subtitles" srclang="hi" /><track src="/WAI/wai-videos/video-introduction/video-introduction.hu.vtt" label="Magyar" kind="subtitles" srclang="hu" /><track src="/WAI/wai-videos/video-introduction/video-introduction.id.vtt" label="Bahasa Indonesia" kind="subtitles" srclang="id" /><track src="/WAI/wai-videos/video-introduction/video-introduction.it.vtt" label="Italiano" kind="subtitles" srclang="it" /><track src="/WAI/wai-videos/video-introduction/video-introduction.ja.vtt" label="日本語" kind="subtitles" srclang="ja" /><track src="/WAI/wai-videos/video-introduction/video-introduction.ko.vtt" label="한국어" kind="subtitles" srclang="ko" /><track src="/WAI/wai-videos/video-introduction/video-introduction.kok.vtt" label="कोंकणी" kind="subtitles" srclang="kok" /><track src="/WAI/wai-videos/video-introduction/video-introduction.ml.vtt" label="മലയാളം" kind="subtitles" srclang="ml" /><track src="/WAI/wai-videos/video-introduction/video-introduction.mr.vtt" label="मराठी" kind="subtitles" srclang="mr" /><track src="/WAI/wai-videos/video-introduction/video-introduction.nl.vtt" label="Nederlands" kind="subtitles" srclang="nl" /><track src="/WAI/wai-videos/video-introduction/video-introduction.pl.vtt" label="polski" kind="subtitles" srclang="pl" /><track src="/WAI/wai-videos/video-introduction/video-introduction.pt-BR.vtt" label="Português do Brasil" kind="subtitles" srclang="pt-BR" /><track src="/WAI/wai-videos/video-introduction/video-introduction.ru.vtt" label="русский язык" kind="subtitles" srclang="ru" default="" /><track src="/WAI/wai-videos/video-introduction/video-introduction.te.vtt" label="తెలుగు" kind="subtitles" srclang="te" /><track src="/WAI/wai-videos/video-introduction/video-introduction.zh-hans.vtt" label="简体中文" kind="subtitles" srclang="zh-hans" /></video> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="//cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script> <script src="/WAI/assets/ableplayer/build/ableplayer.min.js"></script> <script> var youTubeDataAPIKey = "AIzaSyBzq155tA3E3gaYlRdx2S9U9FM78U1-568"; var googleApiReady = false; function initGoogleClientApi() { googleApiReady = true; } </script> <script src="//apis.google.com/js/client.js?onload=initGoogleClientApi"></script> <script> (function () { 'use strict'; let player1 = new AblePlayer($('[data-video-type=""] video')); const audiodescribed = document.querySelectorAll('[data-video-type="audio-described"]'); const nonaudiodescribed = document.querySelectorAll('[data-video-type=""]'); if (audiodescribed.length > 0) { let player2 = new AblePlayer($('[data-video-type="audio-described"] video')); Array.prototype.forEach.call(audiodescribed, function(el, i){ el.setAttribute('hidden', true); }); const adbutton = document.querySelector('#audio_description_button'); adbutton.addEventListener('click', function(e){ player1.pauseMedia(); player2.pauseMedia(); if (e.currentTarget.getAttribute('data-status') === "audio-described") { Array.prototype.forEach.call(nonaudiodescribed, function(el, i){ el.removeAttribute("hidden"); }); Array.prototype.forEach.call(audiodescribed, function(el, i){ el.setAttribute('hidden', true); }); e.currentTarget.setAttribute('data-status', 'non-audio-described'); e.currentTarget.querySelector('span').textContent = 'Enable Audio Description'; } else { Array.prototype.forEach.call(nonaudiodescribed, function(el, i){ el.setAttribute('hidden', true); }); Array.prototype.forEach.call(audiodescribed, function(el, i){ el.removeAttribute("hidden"); }); e.currentTarget.setAttribute('data-status', 'audio-described'); e.currentTarget.querySelector('span').textContent = 'Disable Audio Description'; } }); } }()); </script> <p>Эта видеоинформация доступна:</p> <ul> <li><strong>на разных языках</strong> — <a href="#translations">Инструкции, как смотреть субтитры и расшифровки</a> ниже</li> <li>как <strong><a href="#transcript">текстовая расшифровка с описанием визуальных эффектов</a></strong> ниже</li> <li><a href="https://www.youtube.com/watch?v=20SHvU2PKsM">на YouTube</a></li> <li>На сервере W3C — <a href="http://media.w3.org/wai/accessibility-intro/intro.mp4">видео (формат файла: MP4, размер файла: 28 МБ)</a>, <a href="http://media.w3.org/wai/accessibility-intro/W3C_INTRO_SFHI.ru.vtt">Файл русских субтитров (VTT)</a>, <a href="http://media.w3.org/wai/accessibility-intro/">список других языковых файлов</a></li> </ul> <h2 id="moreinfo">Подробнее</h2> <p>Подробнее см .:</p> <ul> <li><a href="/WAI/fundamentals/accessibility-intro/ru"><strong>Введение в веб-доступность</strong></a></li> <li><a href="/WAI/perspective-videos/" hreflang="en"><strong>Видео о перспективах доступности веб-сайтов</strong>: Узнайте о влиянии и преимуществах для всех (на английском)</a> — видео и информация по отдельным темам доступности.</li> <li><a href="https://www.w3.org/WAI/"><strong>веб-сайт WAI</strong></a> — узнайте о ресурсах по различным аспектам доступности веб-сайтов <a href="/WAI/standard-guidelines/" hreflang="en">стандарты (на английском)</a>, <a href="/WAI/teach-advocate/" hreflang="en">образование (на английском)</a>, <a href="/WAI/test-evaluate/" hreflang="en">тестирование / оценка (на английском)</a>, <a href="/WAI/planning/" hreflang="en">управление проектом и политика (на английском)</a>.</li> </ul> <h2 id="permission">Разрешение на использование видео</h2> <p>Вы можете использовать это видео, если укажете ссылку на эту страницу. Дополнительная информация доступна в <a href="/WAI/about/using-wai-material/" hreflang="en">Использование материалов WAI: разрешение на использование с указанием источника (на английском)</a>.</p> <h2 id="audio-description">Описание аудио</h2> <p>Это видео не содержит аудио описания, поскольку визуальные элементы поддерживают только аудио и не предоставляют дополнительную информацию. В этом случае аудио описание будет больше отвлекать, чем помогать большинству пользователей, включая людей, которые не могут видеть визуальную информацию. Ниже приведена расшифровка с описанием вспомогательных визуальных элементов.</p> <p>Если вам нужны примеры видео с аудио описанием, см. <a href="https://www.youtube.com/watch?v=21yWr7evHTs&list=PLhDEeYUfW02Qo4r2KlzagxZxhYcZADee-">Перспективы веб-доступности - аудио описание (плейлист YouTube)</a>. также вы можете выбрать один из видеороликов на странице <a href="/WAI/perspective-videos/" hreflang="en">Веб-страница с точки зрения веб-доступности (на английском)</a> и выберите “Включить аудио описание “ (“<span lang="en">Enable Audio Description</span>”).</p> <h2 id="transcript">Текстовая расшифровка с описанием видео ряда</h2> <table> <thead> <tr> <th width="65%">аудио</th> <th>видео</th> </tr> </thead> <tbody> <tr> <td>Привет! Меня зовут Шади Абу-Зара. Я специалист по стратегии доступности и технологиям в W3C, Всемирного веб консорциума, и сегодня я хотел бы рассказать вам о веб-доступности.</td> <td>Веб-доступность<br /> [Шади говорит]</td> </tr> <tr> <td>Для многих Интернет является неотъемлемой частью повседневной жизни.</td> <td>Люди в интернет-кафе</td> </tr> <tr> <td>На работе.</td> <td>Человек в офисе работает на компьютере</td> </tr> <tr> <td>Дома.</td> <td>Человек сидит на диване с ноутбуком</td> </tr> <tr> <td>И в дороге.</td> <td>Человек на ходу смотрит карту на мобильном телефоне</td> </tr> <tr> <td>Веб-доступность означает, что люди с ограниченными возможностями могут использовать Интернет наравне с другими.</td> <td>[Шади говорит]</td> </tr> <tr> <td>Например, те, кто не может использовать руки, набирают текст при помощи специального мундштука, который держат во рту.</td> <td>Человек использует мундштук для ввода</td> </tr> <tr> <td>Или те, кто плохо слышит, читают титры во время просмотра видео.</td> <td>Человек со слуховым аппаратом смотрит в монитор</td> </tr> <tr> <td>А те, кто плохо видит или не видит вовсе, используют программу экранного чтения, чтобы воспринимать на слух то, что на написано на экране.</td> <td>Человек использует программу чтения экрана</td> </tr> <tr> <td>Доступность дает много преимуществ.</td> <td>[Шади говорит]</td> </tr> <tr> <td>Например, субтитры полезны всем в слишком шумном или, напротив, в тихом окружении.</td> <td>Человек смотрит видео с титрами в офисе</td> </tr> <tr> <td>Достаточный цветовой контраст помогает видеть при ярком свете.</td> <td>Человек смотрит на мобильный телефон с бликами на экране</td> </tr> <tr> <td>Доступность помогает пожилым, у которых ограничена подвижность рук.</td> <td>Пожилой человек с дрожащей рукой с трудом пользуется мышью</td> </tr> <tr> <td>На самом деле, всем приятно работать с сайтом с качественной версткой и дизайном.</td> <td>Два человека улыбаются, глядя на сайт с удобным дизайном</td> </tr> <tr> <td>Доступность может быть улучшена в код веб-сайтов и приложений.</td> <td>[Шади говорит]</td> </tr> <tr> <td>Веб-технологии W3C, такие как HTML, предоставляют различные возможности по улучшению доступности.</td> <td>HTML-код веб-страницы</td> </tr> <tr> <td>Например, текстовые описания для изображений, которые программы экранного чтения зачитывают вслух, а также их используют поисковые системы.</td> <td>Пример кода</td> </tr> <tr> <td>Заголовки, метки и другой код поддерживают доступность и улучшают качество в целом.</td> <td>Пример кода</td> </tr> <tr> <td>Качественные средства разработки, такие как вики, системы управления контентом и редакторы кода, помогают создавать доступный код – автоматически или вручную.</td> <td>Пример инструмента разработки, используемого для создания веб-контента</td> </tr> <tr> <td>Веб-браузеры, мультимедийные проигрыватели и приложения должны поддерживать специальные возможности доступности.</td> <td>Пример веб-браузера, используемого для отображения веб-контента</td> </tr> <tr> <td>W3C разрабатывает стандарты, помогающие сделать Интернет доступным, которые признаны правительствами и бизнесом во всем мире.</td> <td>[Шади говорит]</td> </tr> <tr> <td>Наиболее известным является Руководство по доступности веб-контента - WCAG. WCAG также является стандартом ISO 40500, и принятым европейским стандартом EN 301 549. Он основан на четырех основных принципах:</td> <td>Правила доступности веб-контента - WCAG; ISO 40500; EN 301 549</td> </tr> <tr> <td>Первый принцип – восприятие. Пользователи могут видеть или слышать контент.</td> <td>Человек печатает на планшетном компьютере и слушает в наушниках</td> </tr> <tr> <td>Управляемость. Пользователи могут управлять компьютером с клавиатуры или голосом.</td> <td>Человек говорит с компьютером</td> </tr> <tr> <td>Понятность. Контент должен быть на простом и понятном языке.</td> <td>Два озадаченных человека смотрят на экран с перенасыщенным контентом веб-сайтом</td> </tr> <tr> <td>И Надежность. Пользователи могут использовать различные ассистивные технологии.</td> <td>Человек использует увеличение на большом экране компьютера</td> </tr> <tr> <td>Помимо WCAG, W3C также предоставляет Руководство по доступности для инструментов разработки контента - ATAG, которое определяет требования к системам управления контентом, редакторам кода и другому программному обеспечению.</td> <td>Руководство по доступности инструментов разработки - ATAG</td> </tr> <tr> <td>А в Руководстве по доступности пользовательских программ (UAAG) определены требования к веб-браузерам и медиапроигрывателям.</td> <td>Руководство по доступности пользовательских программ - UAAG</td> </tr> <tr> <td>В мире насчитывается более миллиарда людей с ограниченными возможностями, что составляет 15-20% населения. Конвенция ООН о правах инвалидов утверждает, что доступ к информации, включая доступ к Интернету, является правом человека. Большинство стран мира ратифицировали эту конвенцию ООН, а некоторые также разработали обязательную политику. Тем не менее, вне зависимости от законов и нормативных актов, внедрение стандартов доступности крайне важно для людей с ограниченными возможностями и полезно для всех.</td> <td>[Шади говорит]</td> </tr> <tr> <td>Для получения дополнительной информации о веб-доступности посетите w3.org/WAI</td> <td>Инициатива W3C по обеспечению веб-доступности<br /> w3.org/WAI</td> </tr> </tbody> </table> <h2 id="translations">Переводы</h2> <p>Эта страница переведена на другие языки. Вы можете найти ссылки на переводы в начале страницы<br /> Есть также <strong>переводы видео</strong>. Они доступны в субтитрах и расшифровках.</p> <p>Для получения переводов субтитров к видео:</p> <ol> <li>Выберите <img src="/WAI/content-images/video-introduction/show-cc.png" style="vertical-align: bottom;" alt="" /> «Captions».</li> <li>Выберите язык.</li> </ol> <p>Для получения переводов расшифровки в отдельном окне:</p> <ol> <li>Выберите «Show transcript».<br /><img src="/WAI/content-images/video-introduction/show-transcript.png" alt="" /></li> <li>Используйте раскрывающийся список «Language» для выбора субтитров.<br /><br /><img src="/WAI/content-images/video-introduction/show-language.png" alt="" /></li> </ol> <h3 id="перевести-на-другие-языки">Перевести на другие языки</h3> <p>Мы приветствуем дополнительные переводы. Если вы переводите <a href="https://www.w3.org/WAI/wai-videos/video-introduction/video-introduction.en.vtt">файл VTT</a>, отправьте его по адресу <a href="mailto:public-wai-translations@w3.org">public-wai-translations@w3.org</a>. Если вы хотите перевести всю эту веб-страницу или другие, см. <a href="/WAI/about/translating/" hreflang="en">Перевод ресурсов WAI (на английском)</a>.</p> <aside class="box box-icon box-space-above" id="helpimprove" aria-label="feedback"><header class="box-h box-h-icon box-h-space-above box-h-icon"> <svg focusable="false" aria-hidden="true" class="icon-comments "><use xlink:href="/WAI/assets/images/icons.svg#icon-comments"></use></svg> <h2> Помогите улучшить эту страницу </h2></header><div class="box-i"><p>Пожалуйста, поделитесь своими идеями, предложениями или комментариями в публичной электронной рассылке <a href="mailto:wai@w3.org?body=%5Binclude%20a%20relevant%20email%20Subject%5D%0A%0A%5B%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D1%8C%D1%82%D0%B5%20%D0%BA%D0%BE%D0%BC%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%80%D0%B8%D0%B9%20%D0%B7%D0%B4%D0%B5%D1%81%D1%8C%20...%5D%0A%0A%D0%AF%20%D0%B4%D0%B0%D1%8E%20%D1%80%D0%B0%D0%B7%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%BD%D0%B0%20%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D1%8E%20%D1%8D%D1%82%D0%BE%D0%B3%D0%BE%20%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0%20%D0%B2%20%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D1%87%D0%BD%D0%BE%D0%B9%20%D1%80%D0%B0%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B5.">wai@w3.org</a> или через GitHub.</p> <div class="button-group"> <a href="mailto:wai@w3.org?body=%5Binclude%20a%20relevant%20email%20Subject%5D%0A%0A%5B%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D1%8C%D1%82%D0%B5%20%D0%BA%D0%BE%D0%BC%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%80%D0%B8%D0%B9%20%D0%B7%D0%B4%D0%B5%D1%81%D1%8C%20...%5D%0A%0A%D0%AF%20%D0%B4%D0%B0%D1%8E%20%D1%80%D0%B0%D0%B7%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%BD%D0%B0%20%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0%D1%86%D0%B8%D1%8E%20%D1%8D%D1%82%D0%BE%D0%B3%D0%BE%20%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0%20%D0%B2%20%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D1%87%D0%BD%D0%BE%D0%B9%20%D1%80%D0%B0%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B5." class="button"><span>E-mail</span></a><a href=" https://github.com/w3c/wai-website/edit/main/pages/fundamentals/introduction/video-introduction/index.ru.md " class="button"><span>Отделить ветку & Редактировать на GitHub</span></a><a href="https://github.com/w3c/wai-website/issues/new?template=content-issue.yml&title=[ru]%20&wai-resource-id=wai-video-introduction&wai-url=https://www.w3.org/WAI/videos/standards-and-benefits/ru" class="button"><span>Новая задача на GitHub</span></a></div></div></aside> <a class="button button-backtotop" href="#top"><span><svg focusable="false" aria-hidden="true" class="icon-arrow-up "><use xlink:href="/WAI/assets/images/icons.svg#icon-arrow-up"></use></svg> Вернуться к началу</span></a> </main> </div> <footer id="wai-site-footer" class="page-footer default-grid" aria-label="Page"> <div class="inner"><p><strong>Английская версия обновлена:</strong> 2021-05-04. <a href="/WAI/videos/standards-and-benefits/changelog/">Перечень изменений</a>. (<span lang="en">Translated:</span> 2021-05-13).</p><p><strong>Дата:</strong> Обновлено 4 мая 2021. Впервые опубликовано 4 декабря 2017.</p> <p>Руководитель проекта: <a href="https://www.w3.org/People/shadi/">Shadi Abou-Zahra</a>. Авторы: <a href="https://www.w3.org/People/Shawn/">Shawn Lawton Henry</a>, <a href="https://www.w3.org/People/Brewer/">Judy Brewer</a>, <a href="https://www.w3.org/People/yatil/">Eric Eggert</a>. Оператор и монтажер: Ulrich Grimm, av-design GmbH. Video clips developed with support from the <a href="https://www.w3.org/WAI/DEV/">WAI-DEV project</a>, co-funded by the European Commission. Translations managed with support from the <a href="https://www.w3.org/WAI/expand-access/">WAI Expanding Access project</a>, funded by the Ford Foundation.</p> </div> </footer> <footer class="site-footer grid-4q" aria-label="Site"> <div class="q1-start q3-end about"> <div> <p><a class="largelink" href="https://www.w3.org/WAI/" lang="en" dir="auto" translate="no">W3C Web Accessibility Initiative (WAI)</a></p> <p>Стратегии, стандарты, и дополнительные ресурсы по мерам обеспечения Интернет доступности для людей с ограниченными возможностями.</p> </div> <div class="social" lang="en" dir="auto" translate="no"> <ul> <li><a href="https://w3c.social/@wai"><svg focusable="false" aria-hidden="true" class="icon-mastodon "><use xlink:href="/WAI/assets/images/icons.svg#icon-mastodon"></use></svg> Mastodon</a></li> <li><a href="https://www.linkedin.com/company/w3c-wai/"><svg focusable="false" aria-hidden="true" class="icon-linkedin "><use xlink:href="/WAI/assets/images/icons.svg#icon-linkedin"></use></svg> LinkedIn</a></li> <li><a href="https://www.w3.org/WAI/feed.xml"><svg focusable="false" aria-hidden="true" class="icon-rss "><use xlink:href="/WAI/assets/images/icons.svg#icon-rss"></use></svg> Feed</a></li> <li><a href="https://www.youtube.com/channel/UCU6ljj3m1fglIPjSjs2DpRA/playlists/"><svg focusable="false" aria-hidden="true" class="icon-youtube "><use xlink:href="/WAI/assets/images/icons.svg#icon-youtube"></use></svg> YouTube</a></li> <li><a href="https://www.w3.org/WAI/news/subscribe/" class="button">Get News in Email</a></li> </ul> </div> <div lang="en" dir="auto" translate="no"> <p>Copyright © 2024 World Wide Web Consortium (<a href="https://www.w3.org/">W3C</a><sup>®</sup>). See <a href="/WAI/about/using-wai-material/">Permission to Use WAI Material</a>.</p> </div> </div> <div lang="en" dir="auto" translate="no" class="q4-start q4-end"> <ul style="margin-bottom:0"> <li><a href="/WAI/about/contacting/">Contact WAI</a></li> <li><a href="/WAI/sitemap/">Site Map</a></li> <li><a href="/WAI/news/">News</a></li> <li><a href="/WAI/sitemap/#archive">Archive</a></li> <li><a href="/WAI/about/accessibility-statement/">Accessibility Statement</a></li> <li><a href="/WAI/translations/"> Translations</a></li> <li><a href="/WAI/roles/">Resources for Roles</a></li> </ul> </div> </footer> <script src="/WAI/assets/scripts/details4everybody.js?1732542395990846989"></script>  <script src="/WAI/assets/scripts/svg4everybody.js?1732542395990846989"></script> <script> svg4everybody(); </script> <script src="/WAI/assets/scripts/lang/ru.js?1732542395990846989"></script> </body> </html>