Выбор ответа Middle Flexbox обновлено

order и порядок Tab

Вопрос

Кнопкам в flex-контейнере задали order, чтобы визуально переставить их. В каком порядке по ним пройдёт Tab?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: В порядке исходного DOM, независимо от order. order меняет только визуальное расположение, а фокус и скринридер следуют порядку в DOM.

Варианты ответа

  1. В визуальном порядке, который задаёт order
  2. В случайном порядке, который выбирает браузер
  3. В порядке по алфавиту текста внутри кнопок
  4. В порядке исходного DOM, независимо от orderправильный ответ

Разбор

order меняет только визуальное расположение, а фокус и скринридер следуют порядку в DOM. Поэтому визуальную перестановку для смысловых элементов делают в разметке, а не через order или row-reverse. Случайного и алфавитного порядка у Tab нет.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.