2022-08-24 Meeting notes

 Date

Aug 24, 2022

 Participants

  • @Gabriel Weinberg

  • @Jeff Witt (Deactivated)

  • @Jon F

  • @Michael Leary

  • @Vladyslav Zadorozhnii

  • @Adam Stankiewicz

  • @Mario D'Amato (Deactivated)

  • @Ben Warzeski (Deactivated)

  • @Varsha Menon

  • Drew Botka

 Goals

  •  

 Discussion topics

Time

Item

Presenter

Notes

Time

Item

Presenter

Notes

10 minutes

NavBar

@Gabriel Weinberg

===

  • Component header

  • Will it ever be a child element?

  • Skip nav link. Is this baked into the component already? Will we have to add it?

  • Subcomponents:

    • Optional search form

    • Login area

      • Optional buttons

    • Menu items are tertiary

      • Used Menu

  • A11y

    • What semantic elements/roles does react-bootstrap have already?

      • Where does the header go?

      • It uses nav

  • Responsive

    • What is the collapse behavior look like and/or how does it function?

  • Does Navbar support co-branding (multiple logos in header)? E.g., for enterprise use cases where edX logo and enterprise customer’s logo is shown.

5 minutes

Weekly meeting time change

@Gabriel Weinberg

  • accommodate for more US-based team members

    • avoid making attendance difficult for Ukraine-based contributors

  • Move up to 11am EST instead.

  • Conflicts with Raccoon Gang end of day meeting if we move it to 11am

  • We’ll extend to an hour instead of 45 minutes, just to have the time as needed.

5 minutes

Floating labels (future?)

@Jeff Witt (Deactivated)

Issues with WCAG 2.1 support for autofill attribute

  • Text box and input controls, floating labels, animation, no need for JS, placeholders for a11y were usually too light, most screen readers don't speak them, our solutions were fine

  • Now WCAG 2.1 has an autofill, if we have a floating label, the autofill goes where placeholder should be and obscures readability

  • Floating label thing might not be workable going forward. Can we explore a different pattern?

  • priority level 3 a11y concern right now (we should prioritize, but no time urgency).

  • Either solve the current floating label issue or create new design solution without floating labels

  • Hint and error text ideally above the inputs instead of below

  • [Adam] including both patterns for labels will avoid a breaking change

  • [Jon] Clarity on error above input.

5 minutes

BD-39

@Ben Warzeski (Deactivated)

BD-39 is ready for initial merge

  • Making it so that its possible to use latest Paragon in edx-platform.

  • This is only for the foundations for latest paragon to be used, but doesn't actually cut anything over quite yet.

  • We will bring up the discussion around a new single file build for Paragon next week or discuss async in #paragon-working-group Slack.

 Action items

@Jeff Witt (Deactivated) github issue for floating label a11y concerns with some screenshots

 Decisions