Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
101 UX Principles – 2nd edition

You're reading from   101 UX Principles – 2nd edition Actionable Solutions for Product Design Success

Arrow left icon
Product type Paperback
Published in May 2022
Publisher Packt
ISBN-13 9781803234885
Length 454 pages
Edition 2nd Edition
Concepts
Arrow right icon
Author (1):
Arrow left icon
Will Grant Will Grant
Author Profile Icon Will Grant
Will Grant
Arrow right icon
View More author details
Toc

Table of Contents (18) Chapters Close

Preface
1. UX Field 2. Typography FREE CHAPTER 3. Controls 4. Content 5. Navigation 6. Iconography 7. Input 8. Forms 9. User Data 10. Progress 11. Accessible Design 12. Journeys and State 13. Terminology 14. Expectations 15. UX Philosophy 16. Other Books You May Enjoy
17. Index

Give Navigation Elements a Logical Tab Order

Try an experiment: head to a website in your browser and once the page has loaded, start pressing the Tab key repeatedly. You should notice the “focus” (usually a colored rectangle or shaded area) move from item to item across the site.

This is one of the ways that users who are partially sighted, or have motion difficulties, use web pages. These users rely on interface designers to use common sense in the tab order that they assign to items. On some websites and web apps, this is unusable, while on some, it’s clearly been well thought through.

Filling in a form is often extra frustrating when tapping the Tab key takes your focus to a strange part of the page. It’s unlikely that you’ll be writing code yourself, but you may wish to tell your frontend developers that they can specify the order that items are selected in using the tabindex attribute:

<input type="text" name=&quot...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime