HTML accessibility

Atomic accessibility requirements for HTML

html

Footer / contentinfo landmark
Save Footer / contentinfo landmark Footer / contentinfo landmark
Header / banner landmark
Save Header / banner landmark Header / banner landmark
Main landmark
Save Main landmark Main landmark
Navigation landmark
Save Navigation landmark Navigation landmark
Region section landmark
Save Region section landmark Region section landmark
Web HTML page
Save Web HTML page Web HTML page

header

Header / banner landmark
Save Header / banner landmark Header / banner landmark
Navigation landmark
Save Navigation landmark Navigation landmark
Search input
Save Search input Search input

nav

Breadcrumb navigation
Save Breadcrumb navigation Breadcrumb navigation
Button
Save Button Button
Link
Save Link Link
Nav button popover
Save Nav button popover Nav button popover
Navigation landmark
Save Navigation landmark Navigation landmark
Pagination nav
Save Pagination nav Pagination nav
Search input
Save Search input Search input
Skip link
Save Skip link Skip link

main

Alert notification
Save Alert notification Alert notification
Animation
Save Animation Animation
Breadcrumb navigation
Save Breadcrumb navigation Breadcrumb navigation
Card box
Save Card box Card box
Carousel slideshow
Save Carousel slideshow Carousel slideshow
Decorative image / icon
Save Decorative image / icon Decorative image / icon
Dialog alert
Save Dialog alert Dialog alert
Dialog modal popup
Save Dialog modal popup Dialog modal popup
Dialog sheet
Save Dialog sheet Dialog sheet
Dynamic single page app
Save Dynamic single page app Dynamic single page app
Expander accordion
Save Expander accordion Expander accordion
FAQ
Save FAQ FAQ
Footnote
Save Footnote Footnote
Heading: h1, h2, h3
Save Heading: h1, h2, h3 Heading: h1, h2, h3
Informative image
Save Informative image Informative image
Link
Save Link Link
List
Save List List
Main landmark
Save Main landmark Main landmark
Maps, charts & graphics
Save Maps, charts & graphics Maps, charts & graphics
Pagination nav
Save Pagination nav Pagination nav
Progress indicator
Save Progress indicator Progress indicator
Region section landmark
Save Region section landmark Region section landmark
Separator / horizontal rule
Save Separator / horizontal rule Separator / horizontal rule
Sticky element
Save Sticky element Sticky element
Strikethrough content
Save Strikethrough content Strikethrough content
Tab group
Save Tab group Tab group
Table
Save Table Table
Toast snackbar
Save Toast snackbar Toast snackbar
Tooltip
Save Tooltip Tooltip
Video/audio player
Save Video/audio player Video/audio player
iframe
Save iframe iframe

form

Alert notification
Save Alert notification Alert notification
Autocomplete input with listbox
Save Autocomplete input with listbox Autocomplete input with listbox
Button
Save Button Button
Checkbox
Save Checkbox Checkbox
Date picker dialog
Save Date picker dialog Date picker dialog
Dynamic single page app
Save Dynamic single page app Dynamic single page app
Filter
Save Filter Filter
Form
Save Form Form
Hint, help, or error
Save Hint, help, or error Hint, help, or error
Number input
Save Number input Number input
Password input
Save Password input Password input
Progress indicator
Save Progress indicator Progress indicator
Radio button
Save Radio button Radio button
Range slider input
Save Range slider input Range slider input
Scrolling container
Save Scrolling container Scrolling container
Select dropdown
Save Select dropdown Select dropdown
Star rating input
Save Star rating input Star rating input
Stepper input
Save Stepper input Stepper input
Text input
Save Text input Text input
Textarea multiline input
Save Textarea multiline input Textarea multiline input
Toast snackbar
Save Toast snackbar Toast snackbar
Toggle switch
Save Toggle switch Toggle switch

Footer / contentinfo landmark
Save Footer / contentinfo landmark Footer / contentinfo landmark
Navigation landmark
Save Navigation landmark Navigation landmark

Gherkin Checklist

HTML accessibility

Atomic accessibility requirements for HTML

<html>

<header>

<nav>

<main>

<form>

<footer>

html

header

nav

main

form

footer