XD Ideas / Principles / Web Design / Best Practices for Prototyping Keyboard Accessibility
Best Practices for Prototyping Keyboard Accessibility
Oliver Lindberg Jul 24, 2019
.article-featured-image-test:after {
content: ”;
position: absolute;
top: 0;
bottom: 0;
left: 0; /* 80%*/
right:-3000px;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
z-index: -1;
}
.hasWebp .article-featured-image-test:after {
background-image: url(‘/ideas/wp-content/uploads/2019/07/prototyping-keyboard-triggers-accessibility.jpg.webp’);
}
.noWebp .article-featured-image-test:after {
background-image: url(‘/ideas/wp-content/uploads/2019/07/prototyping-keyboard-triggers-accessibility.jpg’);
}
Keyboard shortcuts and inputs, which are now also supported by Adobe XD, present an alternative way to access web content. It’s very important to remember that for some people, specifically those with a motor impairment who [...]