Верстка 2 адаптивных меню навигации

Верстка 2 адаптивных меню навигации для сайта (верхнее и нижнее – фиксированный футер) по имеющимся эскизам.

Меню обязательно должны отвечать всем из перечисленных ниже требований:

валидный и семантический HTML5
код должен быть хорошо структурирован и снабжен комментариями, отмечающими начало и конец структурных частей
поддержка всех современных браузеров и Internet Explorer, начиная с 9 версии
меню должны отвечать принципу Progressive enhancement
меню должны соблюдать следующие принципы Web Accessibility:
предоставлять возможность навигации с помощью клавиатуры
добавлять outline на активный элемент
интеграция WAI ARIA
поддержка скринридеров