363 lines
22 KiB
HTML
363 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Ресурсы - EasyAccess</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="stylesheet" href="css/resources.css">
|
||
<link rel="icon" href="images/icons/favicon.ico" type="image/x-icon">
|
||
<meta name="description" content="Полезные ресурсы и материалы по проекту EasyAccess - браузерному расширению для повышения доступности веб-сайтов">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="container">
|
||
<nav class="main-nav">
|
||
<div class="logo">
|
||
<a href="index.html">
|
||
<img src="images/logo.png" alt="EasyAccess логотип">
|
||
<span>EasyAccess</span>
|
||
</a>
|
||
</div>
|
||
<ul class="nav-links">
|
||
<li><a href="index.html">Главная</a></li>
|
||
<li><a href="about.html">О проекте</a></li>
|
||
<li><a href="team.html">Участники</a></li>
|
||
<li><a href="journal.html">Журнал</a></li>
|
||
<li><a href="resources.html" class="active">Ресурсы</a></li>
|
||
</ul>
|
||
<button class="mobile-menu-toggle" aria-label="Открыть меню">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="page-hero">
|
||
<div class="container">
|
||
<h1>Полезные ресурсы</h1>
|
||
<p class="page-subtitle">Источники информации по веб-доступности и разработке расширений</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="resources-section">
|
||
<div class="container">
|
||
<div class="resources-grid">
|
||
<div class="resource-category">
|
||
<h2>Стандарты веб-доступности</h2>
|
||
<div class="resource-list">
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/w3c.svg" alt="W3C">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>WCAG (Web Content Accessibility Guidelines)</h3>
|
||
<p>
|
||
Стандарты и рекомендации по обеспечению доступности веб-контента, разработанные
|
||
консорциумом W3C. Включают руководства по созданию доступных веб-сайтов для людей с
|
||
различными ограничениями.
|
||
</p>
|
||
<a href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="_blank" class="resource-link">
|
||
Посетить ресурс →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/gost.svg" alt="ГОСТ">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>ГОСТ Р 52872-2019</h3>
|
||
<p>
|
||
Российский стандарт «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме.
|
||
Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы.
|
||
Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности».
|
||
</p>
|
||
<a href="https://docs.cntd.ru/document/1200167693" target="_blank" class="resource-link">
|
||
Посетить ресурс →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/aria.svg" alt="ARIA">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications)</h3>
|
||
<p>
|
||
Набор атрибутов, которые определяют способы создания веб-контента и веб-приложений
|
||
более доступными для людей с ограниченными возможностями. Особенно полезно для динамического
|
||
контента и интерфейсов, созданных с использованием JavaScript.
|
||
</p>
|
||
<a href="https://www.w3.org/WAI/standards-guidelines/aria/" target="_blank" class="resource-link">
|
||
Посетить ресурс →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-category">
|
||
<h2>Разработка браузерных расширений</h2>
|
||
<div class="resource-list">
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/chrome.svg" alt="Chrome">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Chrome Extensions Documentation</h3>
|
||
<p>
|
||
Официальная документация по разработке расширений для браузера Chrome. Содержит
|
||
руководства, примеры кода и справочник по API для создания расширений.
|
||
</p>
|
||
<a href="https://developer.chrome.com/docs/extensions/" target="_blank" class="resource-link">
|
||
Посетить ресурс →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/firefox.svg" alt="Firefox">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Firefox Extensions Workshop</h3>
|
||
<p>
|
||
Портал для разработчиков расширений Firefox, содержащий документацию, руководства
|
||
и инструменты для создания расширений, совместимых с WebExtensions API.
|
||
</p>
|
||
<a href="https://extensionworkshop.com/" target="_blank" class="resource-link">
|
||
Посетить ресурс →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/mdn.svg" alt="MDN">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>MDN Web Docs - Browser Extensions</h3>
|
||
<p>
|
||
Подробная документация по разработке кросс-браузерных расширений с использованием
|
||
стандарта WebExtensions API. Включает примеры кода, руководства и спецификации.
|
||
</p>
|
||
<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions" target="_blank" class="resource-link">
|
||
Посетить ресурс →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-category">
|
||
<h2>Партнёрские организации</h2>
|
||
<div class="resource-list">
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/mospolytech.svg" alt="Московский Политех">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Московский Политехнический Университет</h3>
|
||
<p>
|
||
Образовательное учреждение, на базе которого разрабатывается проект EasyAccess
|
||
в рамках дисциплины «Проектная деятельность».
|
||
</p>
|
||
<a href="https://mospolytech.ru/" target="_blank" class="resource-link">
|
||
Посетить сайт →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/voi.svg" alt="ВОИ">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Всероссийское общество инвалидов (ВОИ)</h3>
|
||
<p>
|
||
Организация, которая помогает с тестированием проекта и предоставляет обратную
|
||
связь от пользователей с ограниченными возможностями здоровья.
|
||
</p>
|
||
<a href="https://voi.ru/" target="_blank" class="resource-link">
|
||
Посетить сайт →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/icons/digital.svg" alt="Минцифры">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Министерство цифрового развития, связи и массовых коммуникаций РФ</h3>
|
||
<p>
|
||
Государственный орган, осуществляющий функции по выработке и реализации государственной
|
||
политики и нормативно-правовому регулированию в сфере цифрового развития. Предоставляет
|
||
информацию о требованиях к доступности государственных информационных систем.
|
||
</p>
|
||
<a href="https://digital.gov.ru/" target="_blank" class="resource-link">
|
||
Посетить сайт →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-category">
|
||
<h2>Технологии и инструменты</h2>
|
||
<div class="resource-list">
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/tech/typescript.svg" alt="TypeScript">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>TypeScript</h3>
|
||
<p>
|
||
Строго типизированная надстройка над JavaScript, используемая для разработки
|
||
фронтенд-части расширения и веб-редактора.
|
||
</p>
|
||
<a href="https://www.typescriptlang.org/" target="_blank" class="resource-link">
|
||
Посетить сайт →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/tech/solidjs.svg" alt="Solid.js">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Solid.js</h3>
|
||
<p>
|
||
Декларативная библиотека для создания пользовательских интерфейсов с высокой
|
||
производительностью, используемая в проекте для разработки UI расширения.
|
||
</p>
|
||
<a href="https://www.solidjs.com/" target="_blank" class="resource-link">
|
||
Посетить сайт →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/tech/golang.svg" alt="Go">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>Go (Golang)</h3>
|
||
<p>
|
||
Современный компилируемый язык программирования, разработанный для создания
|
||
эффективного и надежного серверного программного обеспечения.
|
||
</p>
|
||
<a href="https://golang.org/" target="_blank" class="resource-link">
|
||
Посетить сайт →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-card">
|
||
<div class="resource-icon">
|
||
<img src="images/tech/postgresql.svg" alt="PostgreSQL">
|
||
</div>
|
||
<div class="resource-info">
|
||
<h3>PostgreSQL и TimescaleDB</h3>
|
||
<p>
|
||
Система управления базами данных и расширение для работы с временными рядами,
|
||
используемые для хранения данных проекта.
|
||
</p>
|
||
<a href="https://www.postgresql.org/" target="_blank" class="resource-link">
|
||
PostgreSQL →
|
||
</a>
|
||
<a href="https://www.timescale.com/" target="_blank" class="resource-link">
|
||
TimescaleDB →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="resources-downloads">
|
||
<div class="container">
|
||
<h2>Материалы для скачивания</h2>
|
||
<div class="downloads-grid">
|
||
<div class="download-card">
|
||
<div class="download-icon">
|
||
<img src="images/icons/presentation.svg" alt="Презентация">
|
||
</div>
|
||
<div class="download-info">
|
||
<h3>Презентация проекта</h3>
|
||
<p>Презентация с описанием проекта EasyAccess, его целей, задач и особенностей.</p>
|
||
<a href="downloads/easyaccess_presentation.pdf" class="btn secondary" download target="_blank">Скачать (PDF, 2.5 MB)</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="download-card">
|
||
<div class="download-icon">
|
||
<img src="images/icons/document.svg" alt="Документация">
|
||
</div>
|
||
<div class="download-info">
|
||
<h3>Техническая документация</h3>
|
||
<p>Подробное описание архитектуры и технических решений проекта EasyAccess.</p>
|
||
<a href="downloads/easyaccess_technical_docs.pdf" class="btn secondary" download target="_blank">Скачать (PDF, 1.8 MB)</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="download-card">
|
||
<div class="download-icon">
|
||
<img src="images/icons/report.svg" alt="Отчет">
|
||
</div>
|
||
<div class="download-info">
|
||
<h3>Отчет о проектной практике</h3>
|
||
<p>Отчет о выполнении проектной практики с описанием всех этапов работы.</p>
|
||
<a href="downloads/easyaccess_report.pdf" class="btn secondary" download target="_blank">Скачать (PDF, 3.2 MB)</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<img src="images/logo-white.png" alt="EasyAccess логотип">
|
||
<span>EasyAccess</span>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div class="footer-nav">
|
||
<h4>Навигация</h4>
|
||
<ul>
|
||
<li><a href="index.html">Главная</a></li>
|
||
<li><a href="about.html">О проекте</a></li>
|
||
<li><a href="team.html">Участники</a></li>
|
||
<li><a href="journal.html">Журнал</a></li>
|
||
<li><a href="resources.html">Ресурсы</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-nav">
|
||
<h4>Контакты</h4>
|
||
<ul>
|
||
<li><a href="mailto:admin@new-devs.ru">Email</a></li>
|
||
<li><a href="https://github.com/easyaccess-team" target="_blank">GitHub</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 EasyAccess. Проектная деятельность, Московский Политех</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|