Orange-OpenSource / Orange-OpenSource/Orange-Boosted-Bootstrap

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

Open
#2,886 0 comments 0 reactions 1 assignee View on GitHub

A pull request for this has already been merged.

  • #2891 by @hannahiss — closed without merging
  • #3417 by @hannahiss — merged
👂 accessibility 📖 documentation 🗳️ feature
Dominant language
CSS
Stars
219
Forks
61
Avg merge
2d 15h
Merged PRs (30d)
12

Description

Prerequisites
Proposal
  • 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 https://github.com/twbs/bootstrap/pull/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 https://github.com/twbs/bootstrap/pull/40829
Motivation and context

All examples have some "Copy to clipboard" and "Edit on Stackblitz" buttons with the same label, which is not accessible, all over the documentation.

Description

  • Manage the mechanism to add correct aria-labels in all example components #3159

  • Add buttonLabel parameter in documentation pages and replace all triple backticks by Code component ==>Sub-issues below:

  • Homepage #3281

  • Docsref #3176

  • Dual mode

Getting Started
  • Introduction
  • Migration from Boosted
  • Download
  • Contents
  • Browsers & devices
  • Accessibility
  • Sass
  • JavaScript
  • Optimize
  • [NA] Contribute
  • Webpack
  • Parcel
  • Vite
  • RTL
  • [NA] Component versionning
  • [NA] Migration
Foundation
  • [NA] Approach
  • [NA] Options
  • Tokens
  • [NA] Color palette
  • Color modes
  • CSS variables
  • Reboot #3176
  • Content > Typography
  • Images
  • Figures
  • Component
  • Form validation
Layout
  • Breakpoints
  • Containers #3176
  • Grid
  • Columns
  • Gutters
  • Utilities
  • Z-index
  • CSS Grid
  • Form layout
Components
  • Badges
  • Breadcrumb
  • Bullet list
  • Buttons
  • Checkbox #3288
  • Chips
  • Divider #3176
  • Icon
  • Links
  • Password input #3288
  • Radio button #3288
  • Select input #3256
  • Switch #3288
  • Tags #3176
  • Text area #3288
  • Text input #3288
Utilities
  • API
  • Aspect ratio
  • Background
  • Border
  • Color & background #3176
  • Colored link #3176
  • Color
  • Display
  • Flex
  • Float
  • Interaction
  • Object fit
  • Opacity
  • Overflow
  • Position
  • Shadow
  • Sizing
  • Spacing
  • Stack #3176
  • Stretched link #3176
  • Text
  • Text truncation #3176
  • Vertical align
  • Visibility
  • Visually hidden #3176
  • Z-index

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.