Сайт: https://gerts.com.ua/
Проблеми:
Можливість редагувати через адмінку
Каталог товарів
Хіти продажів
Акційні пропозиції
Що говорять про продукцію
Про нас
Відповіді на питання
Останні статті
Приклад:
<h2>Каталог товарів</h2>
<h3>Мішені</h3>
<h3>Наліпки</h3>
Замість <h3>Назва товару</h3> використовувати:
<strong class="product-title">
<a href="/product-url">Назва товару</a>
</strong>
або
<a href="/product-url" class="product-title">Назва товару</a>
Можна залишити як <p> або <div>, за потреби стилізувати візуально як заголовок, але не використовувати <h2> або <h3>, якщо вони не несуть структурної цінності.
Переконатися, що ієрархія не порушена (<h3> не йде раніше <h2>, немає дублюючих <h2> підряд без контексту)
Перевірити HTML на валідність
Необхідно, щоб модуль автоматично конвертував картинки у формат WebP
Встановити та налаштувати модуль Gum Image Optimizer
Перевірити, що WebP реально віддаються браузерам
Переконатися, що сервер коректно віддає WebP-версії замість оригінальних (JPEG/PNG), якщо браузер їх підтримує
Перевірити .htaccess
Увімкнути та перевірити Lazy Load
Якщо використовується плагін (наприклад, WP Rocket, native lazy load, Gum), переконатися, що:
Lazy Load увімкнено
Всі <img> теги отримують атрибут loading="lazy"
Перевірити розміри та адаптивність
Всі зображення повинні мати прописані width і height
Виправити srcset і sizes, щоб браузер підвантажував потрібний розмір
Перевірити кешування
Переконатися, що зображення кешуються на стороні браузера (expires, cache-control)
Перевірити Lighthouse
Запустити сторінку через Google Lighthouse (у DevTools)
Переконатися, що немає попереджень щодо зображень (розмір, формат, lazy load тощо)
Зображення швидко завантажуються, не «рвуть» верстку
Немає дублікатів або зайвої ваги
WebP працює
Показники Lighthouse щодо зображень без помилок
були коректно розмічені (<button> або <a>)
працювали з клавіатури
були доступні для скрінрідерів
відповідали рекомендаціям WCAG 2.1 та Lighthouse
Використовувати лише нативні теги:
<button> — для дій (відправка, закриття, відкриття тощо)
<a href="..."> — для переходів по сторінках
Забороняється використовувати <div> або <span> як кнопки (якщо тільки не додані role="button" + tabindex + обробка Enter/Space — але краще все ж замінити на <button>)
Для кнопок у формах:
Явно вказувати type="submit" або type="button"
(за замовчуванням <button> = submit, що може викликати небажану поведінку)
Всі кнопки мають бути доступні через Tab
Кнопки мають активуватись клавішами:
Enter
Space
У всіх кнопок має бути:
або видимий текст (<button>Завантажити</button>)
або aria-label="Завантажити" — якщо кнопка містить лише іконку
Мета: Підвищити доступність форм для користувачів з особливими потребами та відповідати стандартам WCAG.
Що зробити:
Елемент .iti__selected-flag не повинен бути фокусованим сам по собі, якщо не виконує функцію управління вводом.
Видалити tabindex="0" та role="combobox" у елементів, які не є активними елементами управління.
Переконатися, що перехід з клавіатури (Tab) йде строго по потрібних інтерактивних елементах (ввод, select, button).
Що зробити:
Переконатися, що у формі присутній button type="submit" або input type="submit".
Якщо відсутній — додати:
Що зробити:
Залишити aria-label або aria-labelledby, якщо немає label, але переважно використовувати <label> як основний засіб.
Якщо є валідація полів, додати aria-describedby="id-сповіщення" та aria-invalid="true" при помилці.
Перевірити вручну:
Клавіша Tab має послідовно переходити по:
полю «Ім’я»;
полю «Email»;
полю телефону;
кнопці відправки.
Клавіша Enter/Space має активувати відправку та клікабельні елементи.
Не має бути «стрибків» або фокуса на декоративних блоках.
Ідентифікувати всі сторонні скрипти, що завантажуються (наприклад, аналітика, шрифти, віджети).
Для неважливих скриптів реалізувати відкладене завантаження (lazy loading).
За можливості використовувати async або defer при підключенні сторонніх JS-ресурсів.
Оптимізувати порядок підключення сторонніх сервісів так, щоб вони не блокували критичний рендеринг сторінки.
Використовуйте інструменти перевірки контрасту (наприклад, WebAIM Contrast Checker).
Перевірте, щоб контраст між текстом і фоном відповідав мінімальним вимогам WCAG:
Рівень AA: не менше 4.5:1 для звичайного тексту, 3:1 для великого.
Рівень AAA (рекомендується): 7:1 для звичайного тексту.
Мета: Зберегти коректну структуру HTML і покращити сприйняття контенту допоміжними технологіями.
Що потрібно зробити:
Всі теги <li> повинні використовуватися лише всередині списків <ul>, <ol> або <menu>.
Уникнути випадків:
<li> поза батьківським списком;
<div><li>...</li></div> без вкладеності у <ul> або <ol>.
За потреби замінити некоректні <li> на <div>, <p> або інші семантично підходящі теги.
Переконатися, що структура списків логічна і правильно вкладена (вкладені списки коректно відображаються і оформлені).
Мета: Забезпечити коректну роботу з допоміжними технологіями (читачі, VoiceOver тощо).
Що потрібно зробити:
Перевірити всі атрибути role на коректність і необхідність.
Уникнути випадків:
Призначення role="button" на <button> — це дублювання;
role="link" на <a> з href — це теж зайве;
Використання застарілих ролей або неіснуючих значень.
Використовувати лише допустимі значення з офіційної WAI-ARIA специфікації.
Перевірити, що всі ARIA-ролі логічні в контексті, наприклад:
role="navigation" — у блоці з меню;
role="dialog" — у модальних вікнах;
role="alert" — у повідомленнях про помилки та попередження.
Мета: Забезпечити правильну навігацію та поведінку посилань на сайті.
Що потрібно зробити:
Всі теги <a> повинні мати заповнений атрибут href. Уникати:
href="";
href="#" — лише якщо використовується з JavaScript, і то з preventDefault() (у попапформах).
Для зовнішніх ресурсів — абсолютні посилання з протоколом https:// і закриті тегом rel="nofollow noopener noreferrer"
Якщо посилання відкривається у новій вкладці (target="_blank"), обов’язково додати:
rel="noopener noreferrer" — для безпеки (щоб уникнути уразливості window.opener).
Після реалізації всіх пунктів обов’язково провести аудит:
Lighthouse (у Chrome DevTools, вкладка "Аудит" або "Перевірка");
axe DevTools — для глибокої перевірки доступності.
Результати тестування бажано зафіксувати у вигляді скріншотів до і після змін.
Бюджет: 12345 UAH Термін: 1 день
Доброго дня, зацікавила Ваша пропозиція. Буду радий співпраці.
Розрахунки вартості термінів реалізації після обговорення деталей.
Перегляньте портфоліо.
Бюджет: 6400 UAH Термін: 8 днів
Довіртеся професіоналу з понад 10-річним досвідом! Тарифи та терміни актуальні!
Буду радий співпраці!
Досвід комерційної розробки інтернет-магазинів на CMS, бізнес-порталів та корпоративних сайтів — 11 років!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Приклади робіт (з нуля під ключ):
https://wildandorganic.com/
https://cryptosignals.org/
https://www.grower.com.ua/
https://www.alternativemedicine.com.ua/
https://silkkiss.ua/
https://nordtrade.online/
https://v12coffee.com.ua/franchise/
https://smrtalgo.com/
https://sengero.no/
https://beautybysim.no/
https://sonatagalleri.com/
https://www.solmy-realestate.com/
https://www.emmanuel.com.ua/
https://www.onsitecomputersinc.com/
https://express-tehbud.com/
https://korostenporcelain.com.ua/
https://sladok.com.ua/
https://pricemds.com/
https://picupmedia.com/
https://www.serasar.com/
https://integrisit.com/
Бюджет: 10000 UAH Термін: 5 днів
Доброго дня, із технічним завданням ознайомився, можу все виконати.
Бюджет: 20000 UAH Термін: 10 днів
Роботи багато, відповідно і бюджет. Вказав свою ставку за ідеально виконану роботу.
Бюджет: 5000 UAH Термін: 3 дні
Вітаю!
Ми працюємо над розробкою програмного забезпечення, веб-сайтів, систем автоматизації та інше.
Ми беремо в розробку проєкти “з нуля”, так і технічне доопрацювання.
Працюємо з широким стеком: WordPress, 1C, Opencart, Shopify, WIX, Python, JavaScript, C++, C#, Unity 3D, SQL, MSSQL, WPF, WinForms.
Маємо практичний досвід у:
– системному та прикладному програмуванні
– автоматизації бізнес-процесів
– захисті інформації
– технічному управлінні проєктами
Після здачі проєкту — надаємо безкоштовну техпідтримку протягом 14 днів.
Працюємо швидко, чітко та на результат.
Будемо раді співпраці!
Бюджет: 4000 UAH Термін: 4 дні
Здравствуйте, працюю тільки з OpenCart більше 9 років, зроблю все максимально якісно, звертайтеся.
Бюджет: 4000 UAH Термін: 3 дні
Маю досвід вирішення будь-яких питань з опенкарт.
Звертайтеся, радий допомогти.
Бюджет: 4000 UAH Термін: 3 дні
Готовий допомогти у вашому питанні звертайтесь
---------------------------------------------------------------
