https://github.com/bacoords/a11y-day-accordion-block

An accessible accordion block built for WP Accessibility Day 2023.
https://github.com/bacoords/a11y-day-accordion-block

Last synced: 16 days ago
JSON representation

An accessible accordion block built for WP Accessibility Day 2023.

• Host: GitHub
• URL: https://github.com/bacoords/a11y-day-accordion-block
• Owner: bacoords
• Created: 2023-09-11T21:20:48.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-27T23:55:54.000Z (about 1 year ago)
• Last Synced: 2024-10-10T00:21:19.449Z (about 1 month ago)
• Language: HTML
• Homepage: https://bacoords.github.io/a11y-day-accordion-block/
• Size: 3.63 MB
• Stars: 4
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
#  WP Accessibility Day Accordion Block

👋 Created by [@aurooba](https://github.com/aurooba) and [@bacoords](https://github.com/bacoords/) for [2023 WP Accessibility Day](https://2023.wpaccessibility.day/sessions/a-recipe-for-an-accessible-accordion-block/).

👀 View the slides for the talk here: [A Recipe for an Accessible Accordion Block](https://bacoords.github.io/a11y-day-accordion-block/presentation.html).

💻 To try out this block on InstaWP, check out our [sandbox site](https://aurooba.com/a11y-day-sandbox).

## Development

This plugin was scaffolded with [@wordpress/create-block](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/). If you'd like to develop from this repository, first install all of the dependencies:

`npm install`

Then run the build process in a watch mode:

`npm start`

## Running Locally

To use the included local environment, make sure Docker is running and then run the following command:

`npm run env start`

and visit [http://localhost:8888/wp-admin](http://localhost:8888/wp-admin).

You should be able to log in with Username: `admin` and Password: `password`.

[Learn more about wp-env](https://developer.wordpress.org/block-editor/reference-guides/packages/packages-env/).