[OUDS] docs:Add labels to copy and edit buttons on examples #2891

hannahiss · 2025-03-14T17:32:44Z

Related issues

#2886

Description

add possibility to pass button_label parameter to example shortcode
add button_label to all calls to example shortcode
add possibility to pass button_label parameter to scssdocs shortcode
add button_label to all calls to example scssdocs shortcode
add possibility to pass button_label parameter to jsdocs shortcode
add button_label to all calls to example jsdocs shortcode
- ...

Motivation & Context

Add discriminating information to the label of the "Edit in Stackblitz" and "Copy to clipboard" buttons of examples, to know exactly what they correspond to, like proposed in the PR Docs: Improve label of copy/stackblitz buttons for accessibility twbs/bootstrap#40820
Use example shortcode for basic examples instead of back-quotes, to be able to pass a discriminating label for the "Copy to clipboard" button, like proposed in the PR Use example shortcode for basic examples layout similar to back-quote… twbs/bootstrap#40829

Types of change

New feature (non-breaking change which adds functionality)

Live previews

https://deploy-preview-2891--boosted.netlify.app/

--------------- Co-authored-by: Samuel Collin <[email protected]> Co-authored-by: Louis-Maxime Piton <[email protected]>

…dapt live examples and add examples with icons. Refactor js to have only one code for determinate and undetermined loading time

…e-page

…ign-home-page

…ign-home-page # Conflicts: # scss/_links.scss # scss/_variables.scss # site/assets/scss/_masthead.scss # site/assets/scss/_sidebar.scss # site/assets/scss/_toc.scss # site/content/docs/0.1/components/buttons.md # site/content/docs/0.1/components/links.md # site/content/docs/0.1/examples/loading-buttons/index.html # site/content/docs/0.1/helpers/stacks.md # site/layouts/_default/single.html # site/layouts/partials/home/masthead.html # site/static/docs/0.1/assets/img/examples/loading-buttons.png # site/static/docs/0.1/assets/img/examples/[email protected]

…ign-home-page

…xamples-buttons-a11y

# Conflicts: # site/assets/scss/_component-examples.scss # site/assets/scss/_masthead.scss # site/layouts/_default/home.html # site/layouts/partials/home/get-started.html # site/layouts/shortcodes/example.html # site/layouts/shortcodes/scss-docs.html # site/static/docs/0.3/assets/img/ouds-web-home-desktop.png # site/static/docs/0.3/assets/img/ouds-web-home-mobile.png # site/static/docs/0.3/assets/img/ouds-web-home-tablet.png

netlify · 2025-03-24T14:49:01Z

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	`21da339`
🔍 Latest deploy log	https://app.netlify.com/projects/boosted/deploys/684bdb8fa2973c000860a023
😎 Deploy Preview	https://deploy-preview-2891--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

# Conflicts: # site/content/docs/0.4/components/buttons.md # site/content/docs/0.4/components/links.md # site/content/docs/0.4/layout/css-grid.md

hannahiss and others added 30 commits February 5, 2025 11:04

feat(component): add Button component

9d00d23

--------------- Co-authored-by: Samuel Collin <[email protected]> Co-authored-by: Louis-Maxime Piton <[email protected]>

fix(ci)

73085eb

fix(ci)

29c9e9c

Fixes after rebase + review

184767f

fix(ci)

c31a866

Proposal

54e3497

feat(links): links component implementation

034d6d0

Some changes

b62b9fe

Complete migration guides

3983899

Proposal

d256e57

fix(review)

6cc9dbf

Remove default definition of --bs-btn-loading-time in buttons.scss. A…

b51960b

…dapt live examples and add examples with icons. Refactor js to have only one code for determinate and undetermined loading time

doc

1676a43

fix cspell

d47f150

fixes while review with LM

1c0d5fb

fixes while review with LM

0bd7234

Start developing homepage

d9d80ac

Resolve an issue we had on color-palette.md

e818e3c

update images

90ce947

Fixes after Vincent review

a3d4261

fix(review)

2b2e415

Masthead + start get-started. Pb on examples buttons to fix

8d38b61

Merge branch 'ouds/main-his-btn-comp' into ouds/2867-his-redesign-hom…

7059907

…e-page

feat(links): links component implementation

4905133

Proposal

599406f

fix: update following MR review

406d16f

fix: reset deleted var

48fc2cc

Merge branch 'ouds/main-sc-navigation-links' into ouds/2867-his-redes…

134cd3f

…ign-home-page

section 1 globally ok, missing highlight paddings

8d48bbd

hannahiss and others added 7 commits March 10, 2025 09:51

Merge branch 'ouds/main-sc-navigation-links' into ouds/2867-his-redes…

33999ca

…ign-home-page

add version and link to migration guide, check spacings, fix separator

d8bc677

fix todo

9a8ca48

comments + no changes in syntax

c684929

refactor: following vpr review

a553d62

docs: add comments on removed utilities

acdf240

start adding labels

04d4f5b

hannahiss changed the title ~~start adding labels~~ docs:Add labels to copy and edit buttons on examples Mar 14, 2025

hannahiss linked an issue Mar 14, 2025 that may be closed by this pull request

[OUDS] docs: Manage "Copy to clipboard" and "Edit on Stackblitz" buttons labels for accessibility #2886

Open

2 tasks

fix cspell

b0c86d6

hannahiss changed the title ~~docs:Add labels to copy and edit buttons on examples~~ [OUDS] docs:Add labels to copy and edit buttons on examples Mar 14, 2025

nilloq and others added 7 commits March 17, 2025 08:45

fix: following new vpr review

32199ab

button label

75ac4c5

Merge branch 'ouds/main-sc-navigation-links' into ouds/2867-his-redes…

3f78f20

…ign-home-page

Merge branch 'ouds/2867-his-redesign-home-page' into ouds/main-2886-e…

488f776

…xamples-buttons-a11y

Merge branch 'ouds/main' into ouds/2867-his-redesign-home-page

f75d7ae

Merge branch 'ouds/2867-his-redesign-home-page' into ouds/main-2886-e…

dd7773e

…xamples-buttons-a11y

button labels

23dc644

Base automatically changed from ouds/2867-his-redesign-home-page to ouds/main March 19, 2025 13:04

button_label

b45b143

louismaximepiton added this to 🟣 [Orange-Boosted-Bootstrap] PRs Board Apr 1, 2025

github-project-automation bot moved this to In Progress / Draft in 🟣 [Orange-Boosted-Bootstrap] PRs Board Apr 1, 2025

Merge branch 'ouds/main' into ouds/main-2886-examples-buttons-a11y

d6c7c7e

# Conflicts: # site/content/docs/0.4/components/buttons.md # site/content/docs/0.4/components/links.md # site/content/docs/0.4/layout/css-grid.md

louismaximepiton linked an issue Jun 11, 2025 that may be closed by this pull request

More context for copy and StackBlitz buttons for screen readers #1217

Open

hannahiss added 2 commits June 11, 2025 16:56

Merge branch 'ouds/main' into ouds/main-2886-examples-buttons-a11y

c1f6e07

Merge branch 'ouds/main' into ouds/main-2886-examples-buttons-a11y

21da339

louismaximepiton added 👂 accessibility 📖 documentation Improvements or additions to documentation labels Jun 16, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[OUDS] docs:Add labels to copy and edit buttons on examples #2891

[OUDS] docs:Add labels to copy and edit buttons on examples #2891

Uh oh!

hannahiss commented Mar 14, 2025 •

edited

Loading

Uh oh!

netlify bot commented Mar 24, 2025 •

edited

Loading

Uh oh!

Uh oh!

[OUDS] docs:Add labels to copy and edit buttons on examples #2891

Are you sure you want to change the base?

[OUDS] docs:Add labels to copy and edit buttons on examples #2891

Uh oh!

Conversation

hannahiss commented Mar 14, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Related issues

Description

Motivation & Context

Types of change

Live previews

Uh oh!

netlify bot commented Mar 24, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for boosted ready!

Uh oh!

Uh oh!

hannahiss commented Mar 14, 2025 •

edited

Loading

netlify bot commented Mar 24, 2025 •

edited

Loading