ButtonsLesson 111Free preview
Next/prev Buttons
This lesson is part of How To · All levels
Summary
The Next/prev button is a pair of links to move to a previous or next page. They are usually placed on the left and right with the Flexbox to make it easy to find. The direction tag and the text of the button must be consistent so that the user is not confused.
Key points
- Use an anchor as next/prev moves to another page.
- Flexbox with justify-content: space-between separates the button to two sides.
- The direction of the arrow should be in line with the label and the page order.
- Hide or disable the button if the destination page is not available.
- Pack it with a nav and label the airs so the assistive technology is easy to understand.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.