Hapstar is committed to ensuring that the tools provided are accessible to the widest possible audience, regardless of technology or ability.
Hapstar is committed to implementing all necessary reasonable adjustments to increase the accessibility and usability of our website and, in doing so, adhere to many of the available standards and guidelines.
The technical and account management teams proactively work with clients to understand specific priorities and requirements.
Guidelines and Standards
Hapstar aims to be fully DDA compliant and endeavour to conform to Level AA of the World Wide Web Consortium (W3C) Content Accessibility Guidelines.
This site has been built using code compliant with W3C standards for XHTML and CSS. The site displays correctly in current browsers including Edge, Chrome, Firefox and Safari and means that, using standards compliant code, any future browsers should display it correctly.
Accessibility adjustments within Hapstar
1. Colour Contrast: We utilise tools within our design software (Figma) to constantly monitor all the colour contrast instances within the app to align with accessibility standards. Our design system uses only text sizes above 16pt for readability and legibility.
2. Keyboard Navigation: Parts of the product can be used with keyboard tabbing. Hapstar is working on the focus/tab order in some areas of the product to improve the usability and will continuously make updates.
3. Responsive Design: The site is responsive between desktop and mobile breakpoints.
4. Language and Markup: For HTML pages, the HTML language attribute is used to set both the default language and to indicate any language changes in the text.
5. Form Labels: All our form labels have descriptions for the purpose of the form controls. A label and a form control are associated with each other either implicitly or explicitly. Web browsers provide the label as a larger clickable area, for example, to select or activate the control. It also ensures that assistive technology can refer to the correct label when presenting a form control.
6. Screen Reader Compatibility: Screen readers are accommodated for and taken into account. For the most part, this is by labelling correctly. This ties in with alt text descriptions on all non-decorative images, as per WCAG. Similar to Keyboard navigation, this is an ongoing phase and a known area to continue making improvements.
7. Alternative Text: Alt text is added to all images and page assets within the product. This allows all users with visual impairments to understand what images and other objects are in a page/document. This directly underpins the foundation created for screen readers.
8. Audio and Video Content: All video content has subtitling as standard and can be keyboard tabbed to play.
9. Zoom – product can be zoomed in across all browsers.
10. The site has been designed and is being tested using Vischeck colour vision impairment simulators and JAWS screen reader.
11. Images that convey important information have alternative text. Where an image is used for a decorative purpose, the alternative text will be deliberately left blank.
Exceptions
Whilst Hapstar strives to adhere to the accepted guidelines and standards for accessibility and usability, it is not always possible to do so in all areas of the website.
Further Information
Hapstar continually seeks out solutions that will bring all areas of the site up to the same level of overall accessibility. In the meantime, should you want more information or experience any difficulty in accessing the Hapstar website, please contact our technical support department:
Email: hello@hapstar.app Mon to Fri 9:00 – 17:00
The BBC ‘My Web, My Way‘ site offers tips that make the web easier to use.
The RNIB RNIB Web Access Centre has more information on web accessibility
JAWS, a screen reader for Windows. A time-limited, downloadable demo is available.
Home Page Reader, a screen reader for Windows. A downloadable demo is available.
Lynx, a free text-only web browser for blind users with refreshable Braille displays
JISC TechDIS Accessibility Essentials offers step by step information on amending electronic material look and feel