Тестирование верстки
Задание: Протестировать сайт и написать тест-кейс в виде
таблицы (как в первой практической)
Сайты: (можно добавить свои,
по желанию)
·
https://submit.shutterstock.com/
Визуальная часть:
·
неверное
отображение блоков, составляющих интерфейса, не состыковки цветовой гаммы
- извлечь
цвета из сайта https://color.adobe.com/ru/create/image
- проверить
цвета на контрастность (проверяется цвет фона и текста) https://snook.ca/technical/colour_contrast/colour.html#fg=33FF33,bg=333333
·
тестирование
локализованных версий (при наличии);
·
при
уменьшении/увеличении масштабов (75–150%) без визуальных недочетов (F12);
·
подсвечивание
полей формы с ошибками;
·
проверка в
разрешениях (1 практическая);
Доступность и отсутствие JS ошибок:
·
нажимаются ли
кликабельные элементы (внутренние/внешние ссылки, ссылки на электронную почту,
кнопки, иконки);
·
при наведении на
кликабельные изменяется курсор, иначе – нет;
·
подсказки на
непонятных кликабельных элементах;
·
проанализировать
внутренние ссылки (предоставить скриншот) https://pr-cy.ru/link_extractor/
·
при отключении изображений
должны быть подписи небольшим серым цветом
Чтобы отключить или включить отображение изображений (картинок) в браузере Google Chrome, в правом верхнем углу окна браузера нажмите на значок троеточия, Настройка и управление Google Chrome и в открывшемся меню выберите пункт Настройки.
В нижней части страницы
выберите Дополнительные 
В разделе "Конфиденциальность и
безопасность" нажмите Настройки контента.
Затем выберите Картинки.
Чтобы отключить (включить) отображение картинок
(изображений), отключите (включите) параметр показать все (рекомендуется)
·
работоспособность
при выключенном JS. Критические функции должны быть доступны без JS
Для отключения JavaScript в браузере Google Chrome
зайдите в Настройки:
·
В строку поиска
введите javascript и откройте Настройки Контента.
·
Выберите
JavaScript.
·
Отключите JavaScript в Google Chrome.
Комментарии
Отправить комментарий