Тестирование дизайна

Необходимо проверить соответствие верстки макетам дизайна (до 20 страниц).

Исходные данные:

Что нужно проверить

Этап 1. Визуальная часть.

1.    нет лизаметных глазу косяков

2.    точностьсоответствия макета

3.    проверяемсетку (вертикальные/горизонтальные выравнивания

4.    проверяемв разных разрешениях: 

- не должно ничего ломаться;

- не должна появляться горизонтальная прокрутка для оговоренных в ТЗ

разрешениях;

- не должны резко обрываться фоны при больших разрешениях.

5.    уменьшаемразмер окна меньше минимального по ТЗ - не должно ничего ломаться, фоны не

должны "плыть";

6.    проверяеммасштабирование страницы. В разумных масштабах (мы ограничиваемся диапазоном

75-150%) страница должна выглядеть без визуальных косяков;

7.    ресайзtextarea не должен ломать вёрстку;

8.    нормальноли подсвечиваются поля в фокусе;

9.    нормальноли подсвечиваются поля с ошибками.

Этап 2. Доступность.

1.    выделяетсяли текст в текстовых блоках;

2.    кликаютсяли кликабильные элементы (ссылки/кнопки);

3.    устанавливаетсяли фокус в поля форм;

4.    кликабильныеэлементы должны иметь указатель "курсор", перетаскивающиеся -

"лапка" или "ресайз", активные/недоступные - курсор default;

5.    видеале все активные элементы должны реагировать на наведение, не

доступные/неактивные - не должны;