Add the describe() function to live examples
@yogitheboss がすでに取り組んでいます。
2023年2月13日 から。
評価
この issue はまだ評価されていません。
説明
Since p5.js has a convenient function to make sketches accessible to screen readers, it would be a great idea to use it.
Here's an example of how to do it:
- Go to
content/examples/...and navigate to the example folder for which you want to add alt-text. - Locate the
liveSketch.jsfile - In the
s.setupfunction add ans.describe()function and pass it your alt-text as a string.
For example:
s.describe(
'there are two dark spheres side by side, the cursor works like a light source, when mouse moves the direction of light changes and reveals some part of spheres.'
);
Edit: see for reference 👇
- https://github.com/processing/processing-website#readme
- https://github.com/processing/processing-website/blob/main/docs/examples.md
- https://p5js.org/reference/#/p5/describe
- https://design102.blog.gov.uk/2022/01/14/whats-the-alternative-how-to-write-good-alt-text/
July 30th 2024 edit: added step by step instructions
- 主要言語
- MDX
- スター
- 90
- フォーク
- 122
- 平均マージ
- 1時間 43分
- マージ済み PR(30日)
- 3
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
processing/processing-website のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
processing/processing-website#716 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
processing/processing-website#703 ·
-
Good First Issue Help Wanted Reference
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
processing/processing-website#698 · コメント 5 件 · リアクション 1 件 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
processing/processing-website#681 · コメント 2 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
processing/processing-website#646 · コメント 3 件 ·