/
2023-09-20 Meeting notes

2023-09-20 Meeting notes

 Date

Sep 20, 2023

 Participants

  • @Brian Smith

 Goals

  •  

 Discussion topics

Time

Item

Presenter

Notes

Time

Item

Presenter

Notes

25 min

Chip component design specifications

@Jennifer Gregory (Unlicensed)

  • Goal is to review and green-light design specifications for Chip component, including basic and selectable variants, to ready for implementation

  • Particularly interested in a11y related feedback!

  • I have a hard stop at 11:30ET and would like to present first if possible

Notes:

  • Implementation of Multiselect as designed led to discrepancy between Chip design and its implementation.

  • Basic chip = whole Chip is clickable

  • a11y role = button

  • Outline of the inactive state of basic chip is pretty light, likely doesn’t pass WCAG.

    • Only an a11y concern when it’s a button; not a hyperlink.

  • Chip should be able to get used either as a button or a hyperlink (e.g., standard hyperlink or React router Link)

  • How can we tell difference between link vs. interactive button?

    • Do we need to differentiate?

    • Is this more of a usage/pattern guideline?

      • Don’t have multiple Chip with different interaction patterns on same page.

      • Document this on the documentation site so consumers know best practices.

    • Likely should be flexible as is to use same styles between hyperlink and buttons.

    • Other design systems seem to follow a similar pattern.

  • Selectable Chip

    • When Chips are horizontal in a row, and 1 Chip is selected

    • Is there concern around having the Chip

  • Next STEPS

    • HOVER STATES WITH JENN

    • OUTLINE COLORS FOR INACTIVE CHIPS

    • Do we need stateful / selected icon (or is the other UI changes enough of an affordance)

5 min

Splitting up large PRs

@Brian Smith

Define: We will split large PRs up into smaller incremental, independently reviewed PRs.

10 min

Build and PR a11y testing

@Jeff Witt (Deactivated)

axe-core is open source now, but will be $$ in the future

Notes:

  • Goal: getting axe-core into PR checks / CI platform-wide.

  • Go through ADR process.

    • Will dive into decisions / tradeoffs with being a paid tool.

5 min

ariaNotification spec

@Jeff Witt (Deactivated)

https://wicg.github.io/aom/notification-api.html feedback is welcome

 

 

10 min

Autosuggest status update

@Brian Smith

https://github.com/openedx/paragon/issues/2634

 Action items

 Decisions