How to make accessible websites?

Question

accessibility

Please tell me where you can read in depth (preferably in Russian) about how to properly layout sites, taking into account accessibility, so that screen readers understand, I know that there are some attributes for this.

I know how to typeset following semantics

I would be very grateful if you share resources

Answer 1

What you are asking about is officially called WAI-ARIA.
Here you can download a free screen reader and use it to test your sites by navigating through them using tabs, as well as opening a special menu using hot keys (the application command button that you assign, by default, ins + f7, or f6? Not I remember exactly :-) )
Reports by Vadim Makeev on YouTube:
https://www.youtube.com/watch?v=MWJKwn_gKR4
https://www.youtube.com/watch?v=ssJsjGZE2sc
If you really know how to observe semantics, then chances are you've already done enough.
Russian-language accessibility resources:
https://weblind.ru/specialbank.ru/guide
( Currently even does not work, but should)
There is a course where they teach exactly this: https://kurmak.info/
Article on Habré: https://habr.com/ru/post/40730/ (there are useful links below)
Here you can find information on this issue, in including translating articles from the first link of English-language resources
The Web Standards podcast mentions this a lot. Here you can listen to all the episodes, as well as delve into the episodes and look for mentions of accessibility and articles about it.
There are English-language resources
About the available components: https://inclusive-components.design/ (click in the chrome on the top right "translate the page" and profit)
There is a specification: https://www.w3.org/TR/wai-aria-1.1 /#use(similarly, browser translation and profit)
MDN: https://developer.mozilla.org/en-US/docs/Learn/Acc...