HTML/CSSIntermediate#accessibility

What is keyboard accessibility and how do you test for it?

It means every interactive element (links, buttons, forms, custom widgets) can be reached and operated using only the keyboard (Tab, Shift+Tab, Enter, Space, arrows). Test by tabbing through the whole page and verifying visible focus indicators and logical order.

Example
/* Never remove focus outlines without a replacement */
button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

Related Questions

1
HTML/CSSBeginner#seo#html

What are the basic on-page SEO practices in HTML?

Open
2
HTML/CSSAdvanced#seo#html

What is structured data / Schema.org markup used for?

Open
3
HTML/CSSIntermediate#storage#javascript

What is the difference between localStorage, sessionStorage, and cookies?

Open