Docs: Make "Edit in Stackblitz" links explicit

[hannahiss]

Description

At the beginning of page "Examples", add an aria-labelledby to the 10 links "Edit in Stackblitz" to make them discriminating and explicit

Motivation & Context

Accessibility issue: the different links must have different accessible names

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-40766--twbs-bootstrap.netlify.app/docs/5.3/examples/

Related issues

[patrickhlauke]

this approach seems a bit overengineered to me, but I can see why (since WCAG flip-flopped on whether or not preceding headings are or aren't programmatically determined context - see for instance w3c/wcag#3361).

so, while a bit excessive, I don't mind this approach, but wondering: is this really the only place where this change would be needed? are there other stackblitz links anywhere else in the docs that would need this?

[patrickhlauke]

happy with this in principle, but see my comment about whether or not there are other places where this change should also be implemented

[hannahiss]

happy with this in principle, but see my comment about whether or not there are other places where this change should also be implemented

Thanks Patrick for your feedback. I updated the description of the PR which was outdated.
About whether or not there are other places with these kind of links, this PR is just about the 10 links at the beginning of the "examples" page, not about the "Edit in Stackblitz" buttons which would be more difficult to fix...

[julien-deramond]

Patrick: [...]so, while a bit excessive, I don't mind this approach, but wondering: is this really the only place where this change would be needed? are there other stackblitz links anywhere else in the docs that would need this?

Hannah: About whether or not there are other places with these kind of links, this PR is just about the 10 links at the beginning of the "examples" page, not about the "Edit in Stackblitz" buttons which would be more difficult to fix...

I agree with Patrick; I'm fine with this approach, and I believe this PR can be merged as is. However, @hannahiss, for consistency, could you check if it's possible to apply the same changes to the 'Edit in Stackblitz' buttons elsewhere in a follow-up PR? I'm not entirely sure if it's feasible, but it's worth exploring.

[julien-deramond]

Thanks for the modifications @hannahiss and the PR, LGTM!