About Accessibility by Keyboard

To make specific HTML element browsable and focusable by [Tab] and [Shift] + [Tab] keys, add tabindex="0" attribute to it.

You can also customize the focused state in CSS:

1
2
3
4
div:focus {
    outline: none;
    /* add your custom style here… */
}

Tips and Tricks Web Design Accessibility HTML5 CSS3 CSS2

Also by me

Django Paddle Subscriptions app

For Django-based SaaS projects.

Django App for You
Django GDPR Cookie Consent app

For Django websites that use cookies.

Django App for You
Django 3 Web Development Cookbook - Fourth Edition
Book for You
Django 3 Web Development Cookbook

Learn how to build practical web projects with Django 3.
1st things 1st
SaaS for You
Online prioritizer "1st things 1st"

It's not for everyone, but it might be for you!