aweary / accessible-wordle

Welcome to Remix!

• Remix Docs

Development

You will be utlizing Wrangler for local development to emulate the Cloudflare runtime. This is already wired up in your package.json as the dev script:

# start the remix dev server and wrangler
$ npm run dev

Open up http://127.0.0.1:8788 and you should be ready to go!

Deployment

Cloudflare Pages are currently only deployable through their Git provider integrations.

If you don't already have an account, then create a Cloudflare account here and after verifying your email address with Cloudflare, go to your dashboard and follow the Cloudflare Pages deployment guide.

Configure the "Build command" should be set to npm run build, and the "Build output directory" should be set to public.

accessible-wordle's Issues

Support Wordle dark mode

It seems the tool does not account for black squares, which are part of the input if I use Wordle in dark mode

input:

Wordle 206 5/6

⬛⬛🟨⬛🟨
⬛⬛⬛⬛⬛
⬛⬛🟩⬛⬛
⬛🟩🟩🟩🟨
🟩🟩🟩🟩🟩

output:

5 rows of five blocks. The 1st row has 2 , 1 yellow, 1 , and 1 yellow squares. The 2nd row is all squares. The 3rd row has 2 , 1 green, and 2 squares. The 4th row has 1 , 3 green, and 1 yellow squares. The 5th row is all green squares.

Support for other spinoffs of Wordle

Background

We have a Bahasa Melayu (Malay language) spinoff of Wordle called Katapat: https://projecteugene.com/katapat.html made by @darkfoxdx.

Katapat outputs the following:

or alternatively, in text (the colored squares emoji are unfortunately not supported in GitHub):

Katapat 3 3/6

⬛⬛Yellow square Yellow square⬛
Yellow square Green square Yellow square Green square Yellow square
Green square Green square Green square Green square Green square

Issue

However, this tool fails to parse it because "Katapat" is used in place of "Wordle":

Suggestion:

Add the ability to automatically parse names other than "Wordle", and generate the appropriate alt text with the parsed name.