Place sidebars on tag page in an aside element

[PakkuDon]

What type of PR is this? (check all applicable)

• Refactor
• Feature
• Bug Fix
• Optimization
• Documentation Update

Description

Content should be contained within landmark regions to enable users with assistive technology to navigate a page more effectively.

axe DevTools currently reports that the sidebars on the tags page are not inside a landmark. This pull request replaces the div tag used in the sidebars with an aside as these sidebars contain complementary content

Related Tickets & Documents

Resolves #14838

QA Instructions, Screenshots, Recordings

• Navigate to a tag page (either via the popular tags list or by clicking one of the tags in an article)
• Run a scan on the page using axe DevTools and confirm that axe does not report any issues regarding missing landmarks

axe DevTools report after changes:

UI accessibility concerns?

Assistive technology such as screen readers can use landmark regions to enable users to navigate easily between different sections on the page (Reference: All page content must be contained by landmarks Axe Rules | Deque University)

How it was tested

• Used axe DevTools as mentioned in QA instructions above
• Used VoiceOver rotor to view what landmarks were available on the page. I couldn't figure out how to screenshot VoiceOver rotor's menu but I did see the two sidebars were listed as complementary

Added/updated tests?

• Yes
• No, and this is why: I wasn't sure if there were any automated tests in this area that would be affected
• I need help with writing tests

[github-actions]

Thank you for opening this PR! We appreciate you!

For all pull requests coming from third-party forks we will need to
review the PR before we can process it through our CI pipelines.

A Forem Team member will review this contribution and get back to
you as soon as possible!

[rhymes]

@PakkuDon thank you for your effort but #14899 was merged ahead of yours as its owner declared their intention on working on it and we somehow missed your submission. Please make sure to leave a comment under the issues you plan to work on so that they can correctly be assigned and monitored. Especially during Hacktoberfest given the high volume of contributions.

Thank you, if you still want to participate, please have a look at other https://github.com/forem/forem/labels/Hacktoberfest issues

We're here if you have further questions