Multiple Languages and Accessibility

[SQLDBAWithABeard]

We are at the beginning; we have accomplished a lot in a brief time. This is amazing.

I think we should ensure that focusing on Inclusivity and Accessibility are at the forefront of our progress.

With this in mind I add this issue -

We should ensure that we support languages other than English and ensure that our assets are accessible for all

[github-actions]

Accessibility Links:
Audio Link:https://gofile.io/d/UedWXD
Image Link:https://gofile.io/d/jg5Pn7

[lowlydba]

For the asset piece of the puzzle, I've found (yet another) no-config bot that might work well - AccessLint which checks for alt text and other areas that are key for accessibility in HTML.

Example of it working on one of my repos here.

---

Likewise, I was thinking of a PR to add the quick-and-dirty accessibility widget (adjusts contracts, fonts, CSS, etc.) that could take some of the initial burden off designing the site perfectly accessible from the start - but was unsure how the current pages are being generated and if adding the below to them (inline or as a script ref) would be a problematic integration point:

<script>
    (function(d){
         var s = d.createElement("script");
         /* uncomment the following line to override default position*/
         /* s.setAttribute("data-position", 3);*/
         /* uncomment the following line to override default size (values: small, large)*/
         /* s.setAttribute("data-size", "small");*/
         /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/
         /* s.setAttribute("data-language", "language");*/
         /* uncomment the following line to override color set via widget (e.g., #053f67)*/
         /* s.setAttribute("data-color", "#053e67");*/
         /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/
         /* s.setAttribute("data-type", "1");*/
         /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/
         /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility")";*/
         /* uncomment the following line to override support on mobile devices*/
         /* s.setAttribute("data-mobile", true);*/
         /* uncomment the following line to set custom trigger action for accessibility menu*/
         /* s.setAttribute("data-trigger", "triggerId")*/
         s.setAttribute("src", "https://cdn.userway.org/widget.js");
         (d.body || d.head).appendChild(s);
    })
    (document);
</script>

Again, example of it on my site here (bottom right).

[MikeyBronowski]

@SQLDBAWithABeard
Is there any way to hide bot's comments with accessibility links in personal feed in case someone does not need these information (in my case the site is also blocked at work)?

[github-actions]

Accessibility Links:
Audio Link:https://gofile.io/d/93RWhl
Image Link:https://gofile.io/d/mTZHlE

[felipeschneider88]

Hello, I can help with the Spanish translation for the site.

[github-actions]

Accessibility Links:
Audio Link:https://gofile.io/d/hUToIJ
Image Link:https://gofile.io/d/fSTvx5