department-of-veterans-affairs / va.gov-team

Public resources for building on and in support of VA.gov. Visit complete Knowledge Hub:
https://depo-platform-documentation.scrollhelp.site/index.html
280 stars 195 forks source link

[CAIA A11y Research]: Core Identity Team, Terms of Use - Figma Prototype Testing with AT (mid-August 2023) #62359

Closed claytonzook closed 9 months ago

claytonzook commented 12 months ago

Who's on your team?

Team name: Core Identity
OCTO-DE product owner: Tom Black
Product manager: Amber Parsley and Mike King
Designer: Alex Garcia and Clayton Zook as researcher
FE engineer: Alex Garcia
Accessibility specialist: none
Content writer: Tinu Awoliyi
Product/team Slack channel: #identity-surge 
(Notes indicate CAIA to use: #identity-ux channel) 

...

Do you have an accessibility champion on your team?

No, we don't have a champion (yet)

If you have an accessibility champion, what's their name?

Is this an official thing? If so then no one. Otherwise Clayton Zook

Is anyone on your team interested in becoming an accessibility champion?

No response

Calendar checking

Have you reviewed the CAIA capacity calendar?

When is the timeframe for your testing?

Mid August to late August (we are likely a week or two away from submitting to Research Review touchpoint)

Supporting artifacts (if any)

...

Next steps

sara-amanda commented 12 months ago

CAIA Update

Looking forward to your research @claytonzook and team!

Happy to help with the assistive technology sessions with @AngelaFowler82. I see your note re: timing and will watch for an update, when that information becomes available.

Mid August to late August (we are likely a week or two away from submitting to Research Review touchpoint)

cc: @coforma-terry

coforma-terry commented 12 months ago

Hey @claytonzook - QQ for you - I'm not able to see the #identity-surge channel in DSVA - is it under a different name now? Thanks!

claytonzook commented 12 months ago

@coforma-terry Our channels are private since there's some sensitive sign in stuff discussed. Let's do any chatting about our research in #identity-ux channel. I'll send you an invite!

coforma-terry commented 12 months ago

Perfect - thank you! Can you also invite @sara-amanda too?

sara-amanda commented 12 months ago

@claytonzook when you add @coforma-terry and myself, can you also add @AngelaFowler82? Thanks so much in advance!

sara-amanda commented 12 months ago

Accessibility Champs

If you have an accessibility champion, what's their name? Is this an official thing? If so then no one. Otherwise Clayton Zook

Yes, @claytonzook! Here is a link to the Accessibility Champs Program. Your comment brings up an excellent point. I will go ahead and link to the program from the research ticket, for those who are not familiar with the newly, launched program.

About A11y Champs

cc: @joshkimux

coforma-jamie commented 11 months ago

Can I get an invite as well @claytonzook? Thank you!

sara-amanda commented 11 months ago

CAIA Feedback on Figma Prototype Inquiry

Following up on our Slack Thread from 7/25 and 7/26/2023 here, since @claytonzook is OOO.

Figma Prototypes :thumbsup:

So, I have heard that too from others that they traditionally wait until they are in a staging environment to test (a lot use Sketch for prototyping); however, you said the magic word "Figma," which should be compatible with VO, Jaws and NVDA screen readers.

I say "should be" because, while possible to test with AT, it requires some prep work on your end, first, to make sure it will work properly. More on that below ...

Accessible Prototypes

While in accessibility mode, Figma design elements are translated to HTML or HyperText Markup Language. Screen readers interpret HTML tags to understand the content and sections of a document, as well as which elements are available for a user to interact with on a page. Semantic HTML tags also allow a screen reader to communicate content that may be highlighted visually to a user.

This article describes how to activate accessibility mode.

Mobile Not Included (For Now) :no_mobile_phones:

Accessible prototypes are only available in the desktop browser and on the Figma desktop app. Accessibility mode does not work for mobile or mobile web prototypes.

Questions

  • Are you planning to test mobile and desktop?
  • If so, you would only be able to use the prototypes for desktop.

Browser and Operating System Requirements (Desktop Only) πŸ–₯️

The minimum browser requirements are:

The minimum operating system (OS) requirements are:

Learn more about browser and OS requirements.

Words of caution from someone who tried it (ref. article) :warning:

Build your prototype with HTML in mind

If you want to test with the screen reader, you need to be very careful in the way you name your components and frames, keeping HTML tags in mind and assigning meaningful labels. Besides tags, another thing you need to pay attention to is focus order. Elements inside a frame may look fine even if the order is not correct, but screen readers will scan the page left to right, top to bottom, so all elements must have a clear hierarchical order.

Evaluate your user flow carefully

Considering only elements with an interaction attached are read by the screen reader, are there elements in the interface that are not interactive? What kind of experience would a user have if they are not aware of these elements? You need to evaluate whether the type of user flow you are looking to test contains elements without an On Tap/Click interaction and whether this means a different experience for someone using the prototype screen reader compared to someone who is not using it.

Try it yourself

Before starting to recruit participants for your user test, make sure everything works as expected. Take the time to turn on the screen reader and test it yourself first.

cc: @coforma-terry and @coforma-jamie

Ref: Ticket #57911 comparing Figma to Sketch

sara-amanda commented 11 months ago

CAIA Calendar

Research dates to be obtained (TBD) on, around or by 8/15/2023 according to the Epic.

claytonzook commented 11 months ago

@sara-amanda I have our Research Review request in!

cc: @coforma-terry

coforma-jamie commented 11 months ago

AT testing schedule:

sara-amanda commented 11 months ago

CAIA Update: Revised AT testing schedule

Last updated 9/8/2023 at 10:28 a.m.

Wednesday, August 16β‹…3:00 – 4:30pm EST

~Thursday, August 17β‹…3:00 – 4:30pm EST~ Tuesday, August 22 2-3:30 p.m. EST

Friday, August 18β‹…3:00 – 4:30pm EST

Monday, August 21β‹…3:00 – 4:30pm

Wednesday, August 23β‹…11:00 – 12:30 ET

claytonzook commented 10 months ago

Unfortunately, we need to end session. I've asked the recruiters not to schedule anyone else and to close out this study at this point. I appreciate all the help! We'll look forward to more successful sessions next time.

sara-amanda commented 10 months ago

CAIA Update: Research Synthesis

cc: @claytonzook