LumApps Accessibility and Best Practices
LumApps is a highly customizable and collaborative platform, the range of customization options allows users to further improve their accessibility by applying best practices. Here’s a list of examples.
Contrast
LumApps contributors can apply appropriate contrast ratios on page designs and text overlays. Tools such as Contraste allow you to check if the contrast of a given component is WCAG approved.
Fonts
Readable fonts are important for accessibility and should be above 14px. Special fonts should only be used for headings with sizes above 16px.
Images
Just as SEO experts recommend alternative texts (alt-texts) for the vision impaired, images within LumApps can include descriptive text. Placing text over images should be avoided.
Layouts
Pages within LumApps should be clear and uncluttered. This includes appropriate headings, page titles and the right amount of padding and spacing. The WCAG standard, focus order, looks at this element of accessibility.
Colors
Color palettes should avoid extreme colors that can be distracting or hard to see. Color decisions also affect contrast effectiveness.
Media
Videos should include high quality subtitles when possible. Additionally, auto-play videos should be disabled as it can be a trigger for vestibular and seizure disorders.
Links
Clickable elements, icons or text, should be clear with appropriate descriptions and color contrasts.