Improve accessibility of Known HTML

[lindner]

Is your feature request related to a problem? Please describe.

Using a text browser like lynx or a screen reader reveals that the generated HTML for Known could be improved. The online testing tool Wave also shows a number of issues.

Describe the solution you'd like

An improvement in the Wave score, plus simple things like adding a11y support for profile icons.

Describe alternatives you've considered

Only alternative is living with what we have, and that's sad.

[lindner]

Also see techniques here:

https://fontawesome.com/v5.15/how-to-use/on-the-web/other-topics/accessibility

[Cambridgeport90]

-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA256 Would you like help with manual testing? Sometimes that’s better than any automated means. I am not certified in accessibility by any means regardless of whether it affects me, which it absolutely does. I will set up a developer instance of known just as soon as I am able. That will be a bit, but it will be. Thoughts? Hit me up. From: Paul Lindner ***@***.***> Sent: Saturday, August 21, 2021 11:59 AM To: idno/known ***@***.***> Cc: Subscribed ***@***.***> Subject: [idno/known] Improve accessibility of Known HTML (#2980) Is your feature request related to a problem? Please describe. Using a text browser like lynx or a screen reader reveals that the generated HTML for Known could be improved. The online testing tool Wave <https://wave.webaim.org/> also shows a number of issues. Describe the solution you'd like An improvement in the Wave score, plus simple things like adding a11y support for profile icons. Describe alternatives you've considered Only alternative is living with what we have, and that's sad. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2980> , or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADS4MAA66LK5LCJ2D4SE4TLT57ELJANCNFSM5CR7EFPQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email> . <https://github.com/notifications/beacon/ADS4MAD2FFRLMZJEXPXUWB3T57ELJA5CNFSM5CR7EFP2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4ORPEEWQ.gif>

…

-----BEGIN PGP SIGNATURE----- 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 =U4p4 -----END PGP SIGNATURE-----