Whether living with a permanent condition such as blindness or a temporary one such as a broken arm, people with disabilities rely on barrier-free access to the content they need. That’s why we at Upfit have considered accessibility from the beginning. Our “Upfit” nutrition planner uses many tools in both the web and the app versions that make it user-friendly for people with additional needs.
Below is an overview of the accessibility features we use:
- The application has been developed in collaboration with usability experts and focus has been placed on making the page layout and navigation clear and uniform. To avoid overwhelming the user, the primary view features only the most important elements with less important ones being linked for when needed.
- Blocks of text are structured with headings and, where appropriate, lists, tables, highlighting and links.
- Voice output and keyboard operation are possible.
- Usability tests, in which core functions are tested and improved, are carried out at regular intervals with both internal and external users.
- Based on Upfit’s core expertise, specific qualitative and quantitative case analyses were carried out, particularly in the areas of cooking and grocery shopping, to identify any weaknesses and take action to make cooking and grocery shopping as easy and time-saving as possible.
- Readability & Scalability:
- An appropriate font size is chosen with sufficient line spacing to maximise the readability of texts.
- Where possible, font and element sizes are designed to be scalable so that the user can increase or decrease them by up to 200% if necessary without making the layout unusable.
- Intelligibility of language:
- Sentences are concise and simple. Where possible, content is conveyed in clear bullet points. Foreign words are avoided.
- Technical terms are explained in simple language.
Before any text is published, it goes through a multi-stage, documented “linguistic” review process by several people.
- For both text and image elements that are relevant for use, care is taken to ensure sufficient contrast between foreground and background. In addition, shading is used to increase contrast.
- On average, the contrast ratio between foreground and background colours used reaches a value of around 10:1.
- Action elements:
- Links and buttons are highlighted with signal colours, are sufficiently large, can also be operated with the keyboard (instead of a mouse), are named meaningfully and indicate their link destination.
- In forms, the input fields and clickable elements are sufficiently large and input via keyboard is also possible. Label fields (“label”, “title” or “aria-label”) and/or tool tips and/or exemplary placeholders (“placeholder”) also describe the function of the respective input.
- Input fields are generally limited to meaningful entries and are formally validated to avoid incorrect entries. Error messages are clear and meaningful.
- Image elements:
- A descriptive alternative text is created for each image relevant to use, explaining the image content and making it accessible to people with visual impairments by means of a screen reader.
- Image elements are generally used as an accompaniment to text, so that the application can be used even without them being present.
CAPTCHAs are not used sitewide.
- Device independence:
- During development, care is taken to ensure the greatest possible independence for the user from their end device, among other things by using standardised technology.
- The application can be used on the web as a desktop version and mobile on smartphones and tablets, responsively with all common browsers and can be used with a screen reader. In addition, the application can be used as a native app via the Apple App Store and the Google Play Store with common smartphones.
- When using forms of communication and software, care is taken to use currently established, secure and data protection-compliant means.
- In the area of information security, modern mechanisms and security components are used to keep technical failures close to 0.
- Customer service for the application is available via email and phone as well as live chat on weekdays to assist users with questions.
- The content of the website and app is available in German and, from 2022, also in English.
100% accessibility for everyone is factually unachievable. Nevertheless, at Upfit we try to come close to the requirements for complete accessibility. We only decide against a measure or change to improve accessibility if it would lead to a disproportionate burden on the company.
Currently responsible for questions and feedback about accessibility at Upfit:
Stanislaw Schmidt / email@example.com.
Last updated: 18/09/2023