About

This code enables a common look and feel and a common code base for Lotus® web applications. The goal is to remove arbitrary differences between products thereby improving ease-of-use and making it easier to customize products when deployed in an enterprise.

Accessibility

The code base is as accessible as possible. This means the following:

• vision issues - it is developed to work well in screen readers, for adjusting text sizes, and to work in high contrast mode.
• keyboard accessibility - where we have hover effects, we also provide focus effects or equivalent facilitation.
• ARIA attributes - our example HTML illustrates use of ARIA for WCAG 2.0 compliance.

While accessibility is given significant consideration, the example HTML markup is a user interface specification that is static in nature with almost no interactive behavior or function. As such, it is impossible to accessibility test at the same level as a fully-functioning product. Therefore, it is the responsibility of development teams consuming this code to fully implement all accessibility requirements beyond what is provided here.

Theming

The code base is themeable. Customers can easily modify colors and background images using industry standard CSS techniques.

Products ship CSS and images used for theming separate from other CSS so it is easier to find the files that apply the theme.

Localization

We keep our components fluid so they can handle varying-sized text strings.

The code is tested in right-to-left languages. Making our UI work correctly in right-to-left languages sometimes influences how we code our HTML components (browser support of bi-directionality can be buggy).