Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://front-end.social/users/stephaniewalter/statuses/111283038765476745">Stef Walter (stephaniewalter@front-end.social)'s status on Monday, 23-Oct-2023 20:17:40 JST</a><a href="https://front-end.social/@stephaniewalter" title="stephaniewalter@front-end.social"><img src="https://gnusocial.jp/avatar/148801-48-20240813024013.webp" width="48" height="48" alt="Stef Walter" style="position: absolute; left: 0; top: 0;">Stef Walter</a></section><article><p>I've updated my accessibility for designer kit:<br>- the checklist now has the AA WCAG2.2 criteria<br>- new  component to annotate mockup areas (landmarks for example)<br>- a list of resources, to help you dig further in each topics<br>Get it here: <a href="https://shop.stephaniewalter.design/b/accessibility-interactions-designer-checklist-annotation-kit" rel="nofollow noreferrer">https://shop.stephaniewalter.design/b/accessibility-interactions-designer-checklist-annotation-kit</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/2222868#notice-4373133">In conversation</a><time datetime="2023-10-23T20:17:40+09:00" title="Monday, 23-Oct-2023 20:17:40 JST">Monday, 23-Oct-2023 20:17:40 JST</time> <span>from <span><a href="https://front-end.social/@stephaniewalter/111283038765476745" rel="external" title="Sent from front-end.social via ActivityPub">front-end.social</a></span></span><a href="https://front-end.social/@stephaniewalter/111283038765476745">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/1697706">Web Accessibility for Designers Kit: 1 checklist - website accessibility for designers + 1 lost of resources, 1 Figma, Sketch and Penpot Accessibility &amp; Interactions Annotation kit. And an example of the a page with sections annotation, with the different symboles for annotation in Figma</a></label><br><a href="https://cdn.masto.host/frontendsocial/media_attachments/files/111/283/038/626/220/188/original/c61c00756ed91f78.png" rel="external">https://cdn.masto.host/frontendsocial/media_attachments/files/111/283/038/626/220/188/original/c61c00756ed91f78.png</a></li><li><article><header><div>Domain not in remote thumbnail source whitelist: payhip.com</div><h5><a href="https://shop.stephaniewalter.design/b/accessibility-interactions-designer-checklist-annotation-kit">Web Accessibility for Designers Kit: checklist Figma/Sketch/Penpot annotation templates</a></h5><div></div></header><div>A lot of accessibility issues can get caught already in the design phase. Great documentation helps teams implement accessibility and interaction requirements the right way. This kit is based on my article and conference "A Designer’s Guide to Docume...</div><footer></footer></article></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Stef Walter (stephaniewalter@front-end.social)'s status on Monday, 23-Oct-2023 20:17:40 JST Stef Walter
I've updated my accessibility for designer kit:
- the checklist now has the AA WCAG2.2 criteria
- new component to annotate mockup areas (landmarks for example)
- a list of resources, to help you dig further in each topics
Get it here: https://shop.stephaniewalter.design/b/accessibility-interactions-designer-checklist-annotation-kit
In conversationMonday, 23-Oct-2023 20:17:40 JST from front-end.socialpermalink
Attachments
1. Web Accessibility for Designers Kit: 1 checklist - website accessibility for designers + 1 lost of resources, 1 Figma, Sketch and Penpot Accessibility & Interactions Annotation kit. And an example of the a page with sections annotation, with the different symboles for annotation in Figma
  https://cdn.masto.host/frontendsocial/media_attachments/files/111/283/038/626/220/188/original/c61c00756ed91f78.png
2. Domain not in remote thumbnail source whitelist: payhip.com
  Web Accessibility for Designers Kit: checklist Figma/Sketch/Penpot annotation templates
  A lot of accessibility issues can get caught already in the design phase. Great documentation helps teams implement accessibility and interaction requirements the right way. This kit is based on my article and conference "A Designer’s Guide to Docume...

Public

Embed Notice

HTML Code

Corresponding Notice