Folwell Web Theme Accessibility

When the Folwell Web Theme was created, component accessibility was considered every step of the way. Kathy and Dimitri will talk about the up-front research done for each component, the methods used to properly configure components to be accessible, the testing done for each component during and after development, and the ongoing updates being made to keep Folwell accessible.

Develop Accessible Websites

Following accessibility guidelines will help everyone who contributes to websites make web content that is more usable by more users on more devices.

Form Tags and Styles

Each form element should have a label tag so that adaptive technologies can help the user move through each element of the form. Onfocus indicators are a visual cue of the area of a webpage that is currently targeted by the keyboard or activated by a mouse hover or click. Onfocus indicators included in some browsers are inconsistent, so they should be added via CSS.

Link Tags and Styles

HTML and CSS coders should include appropriate alt text, focus styles, and HTML and ARIA tags in links to ensure that all users can consume and navigate web content. Include skip links as well so users of screen readers and text-only browsers can bypass repeated content that is usually included at the top of webpages.

Image Tags and Styles

HTML and CSS coders should add appropriate alternative text or an empty alt attribute to every image, including CSS background images, and ARIA tags to font icons. This will help users of adaptive technologies, those in situations where images can't be adequately displayed, and search engines to access image-based information.


Users of adaptive technologies navigate pages via HTML headings, links, page sections, and other HTML elements. Use minimalist HTML to semantically describe the content of a page, and CSS to style it. If your content is well-structured in this way, all users will be able to more easily scan, navigate, and understand the content.