AffecTech.org is the website for the AffecTech project, a 4 year research project launched in 2017, developed with support from the Marie Skłodowska-Curie Innovative Training Network (ITN) via the European Commission’s Horizon 2020 (H2020) research and innovation programme.
AffecTech is a European Innovative Training Network funded under Marie Skłodowska-Curie grant agreement No 722022. The AffecTech website was created in 2017 to disseminate the work of the AffecTech network, advancing personal technologies for affective health.
As a website published before 23 September 2018, affectech.org was expected to meet new accessibility guidelines by 23 September 2020: The Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018. Based on advisories from the Government Digital Service we conducted an accessibility check in Summer 2020 in order to meet the deadline for this review and complete changes by 23 September 2020.
The informational website is mainly text based providing images for illustration and as such we believe to the best of our knowledge it follows good practice in terms of providing well-laid out, standards-compliant content and where possible is accessible in terms of clear headings, structured content and clearly signposted hyperlink content. For example the website:
• Uses styles to structure the document
• Articles have clear headings and follow logical structure
• Paragraphs and spacing aid reading
• Fonts and text size follow good practices
• Text colour has good contrast with the background colour
• Descriptive alt text is added to images (we rectified this throughout the website where poor examples could be found)
Web Accessibility Review
In line with gov.uk guidance we checked a sample page, i.e. home page via the Wave Web Accessibility Evaluation Tool:
This resulted in 3 errors:
Linked image missing alternative text x 3 (this was rectified)
I.e. alternative text for buttons for Twitter, YouTube, LinkedIn was missing which was fixed.
This is important because an image is within a link that contains no text and if that image does not provide alternative text, a screen reader has no content to present to the user regarding the function of the link.
Alternative text that presents the content of the image and/or the function of the link was added.
The scan also found: No contrast errors were detected in the page Home Page
However, we manually tested the website and decided to improve links, where possible in order to make the embedded links as clear as possible and also we improved overall colour contrasts on the website in order to improve this aspect.
Another sample page, i.e. an elaborate blog post: https://www.affectech.org/2020/07/wearables-tech-for-mental-health-featured-at-leading-hci-design-conference/ was also tested via the Wave tool and generated no errors:
We also followed advice from gov.uk on completing an accessibility check.
To check your headings are styled properly, open up the tool you use to edit your website (often known as a ‘content management system’) and check the headings on your sample pages. They’re styled correctly if something like one of the following applies:
your headings are styled as things like ‘Heading level 2’, rather than ‘Normal text’
you can see tags like ##, ###, <H2> or <H3>
The sample page showed good practice. The website uses the WordPress Content Management System which encourages the use of correct headings e.g. H1, H3 etc. This was reflected in the report tool that we used to assess the page.
At time of review, summer 2020, we also reviewed the website for bad links and removed them where they were found using a software tool for this purpose.
We also checked all website software and plugins and ensured these were up-to-date.
This website is managed by the project team at Lancaster University, and as stated above, was created in 2017 before newer accessibility guidelines were introduced. During our website review in 2020 we have tried to address issues as best we can within our available resources. It is still possible however, you may encounter issues related to accessibility.
If you do have any problems accessing content on this website then please do contact the website administrator as we welcome your feedback. Contact details including a contact form are available at: https://www.affectech.org/contact/ or you can email: firstname.lastname@example.org.