Giter VIP home page Giter VIP logo

accessible-badge-recipes's Introduction

Accessible badge recipes

Recipes (shell scripts) to generate a11y-friendly badges for your GitHub projects.

Designed for use with a11y-friendly badges GitHub Action, but you're free to use in any creative way!

In action!

ShellSpec code coverage:

Usage

Find recipes to use in your project by navigating this repository's ./recipes/ dir by language, ie php or javascript and then inspect and grab a project-specific recipe, such as pest-codecoverage or eslint.

If using the a11y-friendly badges GitHub Action, copy one or more recipes into a ./github/update_stats/ dir and it will run them all as part of your GitHub Actions build.

Design goals/acceptance criteria

  • include example recipes to replace most popular badges
  • require example README.md in each recipe dir
  • shellcheck against all scripts in this repo
  • require shellspec tests within each recipe dir

Testing

  • shellcheck **/*.sh lints all scripts
  • shellspec . tests all recipe specs

Contributing

I can't build all the recipes alone, so this needs community assistance.

As per the design goals listed above, I want to have each recipe dir adhere to basic code check via shellcheck and include a working example README.md and passing shellspec test. This is a bit more up-front effort, but will mitigate issues further down the line for users.

Name your recipe dir and scripts something descriptive and unique, in case there are multiple examples, ie update-pest-coverage.sh and pest-coverage-bold-with-link-to-artifacts.sh. Bit lengthy, but to give you an idea.

Don't be afraid to commit anything. I'll give feedback if needed or help get it over the line if you're struggling with the testing or requirements.

Easiest way to get started is to copy an existing recipe dir and modify for your specific badge requirements.

accessible-badge-recipes's People

Contributors

leonstafford avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.