You are not logged in. Your edit will be placed in a queue until it is peer reviewed.
We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.
- 
        1Aren't you overthinking this? If you already use sementic elements the right way and have the document and content build up logically, everything should be accessible by keyboard and read by screen readers just fine. Why should only screen reader users benefit from the extra explanations/descriptions? Here's is a challenge: Try to make the document so that you need as few aria and tabindex attributes as possible, that will give you an idea how much complexity it takes away when you think about accessibility right from the start.jazZRo– jazZRo2023-06-14 14:15:54 +00:00Commented Jun 14, 2023 at 14:15
 - 
        I'm not really using any semantic elements for the descriptive text at the top of the page. They're not accessible via keyboard because they're not really focusable. Voiceover just skips right past them and goes directly to the filters on the sidebar.Leonardo Petrucci– Leonardo Petrucci2023-06-14 14:20:33 +00:00Commented Jun 14, 2023 at 14:20
 
                    
                        Add a comment
                    
                 | 
            
                
            
        
         
    How to Edit
        - Correct minor typos or mistakes
 - Clarify meaning without changing it
 - Add related resources or links
 - Always respect the author’s intent
 - Don’t use edits to reply to the author
 
        How to Format
    
    - 
                create code fences with backticks ` or tildes ~
                ```
like so
``` - 
                add language identifier to highlight code
                ```python
def function(foo):
print(foo)
``` - put returns between paragraphs
 - for linebreak add 2 spaces at end
 - _italic_ or **bold**
 - quote by placing > at start of line
 - to make links (use https whenever possible)
                <https://example.com>[example](https://example.com)<a href="https://example.com">example</a>
 
            How to Tag
        
        A tag is a keyword or label that categorizes your question with other, similar questions. Choose one or more (up to 5) tags that will help answerers to find and interpret your question.
- complete the sentence: my question is about...
 - use tags that describe things or concepts that are essential, not incidental to your question
 - favor using existing popular tags
 - read the descriptions that appear below the tag
 
If your question is primarily about a topic for which you can't find a tag:
- combine multiple words into single-words with hyphens (e.g. website-design), up to a maximum of 35 characters
 - creating new tags is a privilege; if you can't yet create a tag you need, then post this question without it, then ask the community to create it for you