External access to website

[dandavies99]

Make the website is externally (to the college) accessible.

[dandavies99]

Several changes have been identified by Digital Services in order to meet College accessibility standards:

• Alt text is required for all images as well as captions to meet the standards.
  • cage porosity app
  • materials precursor app
  • update code in SupraShare repo to require alt text
• Descriptive links:
  • Improve the DOI link on Is My Cage Porous - changing it to something like “The database holding the cages used for training is openly available: Access the training data from the Research Data Repository.”
  • On The MP Score Page - we should change "paper" to "original research paper for this work" or similar.
  • On the page with the table /c60-cage-data we need to differentiate all the ‘Download’ links to, for example, Cage file 30, Complex file 30, Cage file 31, complex file 31, and so on.
• Use an accessibility checker browser plugin to review the template structure, e.g. using Google Lighthouse or Accessibility Insights for Web Chrome plugin. Looking at an initial test of your site, there’s a few suggestions for improvements:
  • Adding a title attribute to the buttons on the table
  • Increasing the colour contrast of your hyperlink styling against the background colour
  • Check for other suggestions from this plugin
• You’ll also need to add an accessibility statement to the site (ideally in the footer). Digital Services can help us draft this, we can do it last when we have updated everything else.

[dandavies99]

@stevenkbennett @austin-mroz @victorhph8 - Maybe we could divide and conquer on these points ⬆️ if you have time? It would be nice to get the website external.

[dandavies99]

The only one that's a challenge is adding title attributes to the buttons on the c60 cage data table. This is probably set in some buried template within the dash bootstrap components. I'll check how important this one is.