Jupyter accessibility meetings 2023#

January 11, 2023#

Attendees#

  • Tony

  • Gabriel

  • Darian

  • Isabela

  • Mike

  • Ryan

  • Ely

Agenda#

Non-agenda#

January 25, 2023#

Attendees#

Name

Affiliation

GitHub

Favorite html tag

tony fast

@tonyfast

details

Tania Allard

Quansight Labs

@trallard

<abbr>

Stephannie Jimenez Gacha

Quansight Labs

@steff456

Martha Cryan

IBM

@marthacryan

Gabriel Fouasnon

Quansight Labs

@gabalafou

<script> but doing this exercise, I learned about the <progress> tag

Michal Krassowski

Quansight

@krassowski

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

<p>

Agenda#

February 8 2023#

Attendees#

Name

Affiliation

GitHub

Favorite aria role

tony fast

@tonyfast

feed

william stein

SageMath, Inc

@williamstein

a. t. darian

quantstack

@afshin

complementary

Gabriel Fouasnon

Quansight Labs

@gabalafou

Stephannie Jimenez Gacha

Quansight labs

@steff456

R Ely

Bloomberg

@ohrely

Olympia (Les Contes d’Hoffmann)

Agenda#

  • [name=Gabriel] Possible office hours question: keyboard shortcuts registered via the JupyterLab command registry are handled on the capture phase, but I have always worked in apps that use bubbling.

    • Why are keyboard shortcuts implemented how they are?

      • chord shortcuts were applied. it is a emacs feature. helps entice emacs users in jupyter.

      • support chords

      • css specificity

      • people implement their own keyboard action when it is not a command.

        • use case: a mini list to make up down l r work.

    • How are keyboard shortcuts handled?

  • [name=william] A little motivated by Darian’s comment last hour: I’m curious about the accessibility implications of being able to move buttons around in toolbars, reorder menus, etc. It can be confusing because customization has a scope with web apps that is a lot different than say “photoshop”.

  • [name=tonyfast] semantic tags for notebooks and cells

February 22 2023#

Attendees#

Name

Affiliation

GitHub

Favorite css property

tony fast

@tonyfast

font-size

Ryan Lovett

UC Berkeley

@ryanlovett

color

Sylvain Corlay

QuantStack

@SylvainCorlay

border-radius

Isabela Presedo-Floyd

Martha Cryan

William Stein

SageMath, Inc

@williamstein

box-shadow d

Kseniya Usovich

R Ely

Bloomberg

@ohrely

all

Stephannie Jimenez Gacha

Quansight labs

@steff456

Agenda#

March 8, 2023#

Attendees#

Name

Affiliation

GitHub

tony fast

@tonyfast

Isabela Presedo-Floyd

William Stein

SageMath

@williamstein

Stephannie Jimenez Gacha

Quansight Labs

@steff456

Gabriel Fouasnon

Quansight Labs

@gabalafou

R Ely

Bloomberg

@ohrely

Blessing Ogoh

@bl-aire

Mike

@krassowski

Agenda#

  • William: I’m curious if you have any thoughts about what happens when the cursor is at the top (or bottom) of a markdown cell and you hit the up (or down) arrow. It goes to the previous cell instead of “staying in that form element”. Is this bad from an accessibility point of view? A user complained today about this behavior to me, prompting this issue. Same question makes sense for code cells. (Context: could there be a general “accessibility mode” for Jupyter notebook where the entire approach to navigation is much more standard and accessible, but maybe more awkward for experts?)

  • Ely (if time): takeaways from Jupyter for Education Workshop

    • what format do professors provide students?

    • teaching and sharing formats are often not the same

    • export to html is common practice extensions help and cause problems

    • can fix things, but provide more code to be vulnerable to accessibility failings “slides in latex easier to read”

    • used to students saying “give me the source”

    • the need for alt text is there, but writing it is hard.

    • jupyter is the medium for teaching

  • Isabela: Updates on JupyterLab accessibility user research. I’m still in the scheduling phase.

March 22, 2023#

Attendees#

Name

Affiliation

GitHub

tony fast

@tonyfast

Ryan Lovett

UC Berkeley

@ryanlovett

William Stein

SageMath

@williamstein

Stephannie Jimenez

Quansight Labs

@steff456

Gabriel Fouasnon

Quansight Labs

@gabalafou

Martha Cryan

IBM

@marthacryan

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

Michal Krassowski

@krassowski

Sylvain Corlay

QuantStack

@SylvainCorlay

Afshin T. Darian

QuantStack

@afshin

Balaji Alwar

UC Berkeley

@balajialg

Agenda#

April 5, 2023#

Attendees#

Name

Affiliation

GitHub

A. T. Darian

QuantStack

@afshin

Ryan Lovett

UC Berkeley

@ryanlovett

Gabriel

Quansight

@gabalafou

Ely

Bloomberg

@ohrely

Stephannie Jimenez

Quansight

@steff456

Tania

Quansight Labs

@trallard

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

Agenda#

  • Tony: https://github.com/Iota-School/notebooks-for-all/pull/49 shows progress on a semantic html5 structure for notebook webpages. in this approach, we treat the rendered version of the notebook as an entire interactive web page.

    • please leave feedback on comments in the pull request

    • in this structure

      • the notebook occupies the main tag

        • the each cell is a row in a table

          • the cell is represented by form components

    • this approach surfaces interactive elements like links, forms, and overflowing elements to drive focus. it gives a more meaningful navigation experience of rendered notebooks zoomed in, on a screen, and navigated with tabs.

    • this representation could serve as a starting point for the proper roles and aria for interactive implementations to improve their accessible experience.

  • Isabela

  • Gabriel’s updates

    • pydata-sphinx-theme #1260 - my PR to test PST with Playwright and Axe-core is in final rounds of review, should be close to merging.

      • Next steps: expand tests to touch more parts of the theme, fix issues found, integrate with CI

    • Hope to close my JupyterLab PRs before next accessibility meeting:

  • P

  • nick

April 19, 2023#

Attendees#

Name

Affiliation

GitHub

A. T. Darian

QuantStack

@afshin

Ely R

Bloomberg

@ohrely

Stephannie Jimenez Gacha

Quansight Labs

@steff456

Michal Krassowski

@krassowski

Tania

Quansight Labs

@trallard

Ryan Lovett

UC Berkeley

@ryanlovett

tonyfast

@tonyfast

G. Vidal

ENS de Lyon

@g-vidal

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

Balaji Alwar

UC Berkeley

@balajialg

Agenda#

May 3, 2023#

Attendees#

Name

Affiliation

GitHub

tonyfast

@tonyfast

Ryan Lovett

UC Berkeley

@ryanlovett

Ely

Bloomberg

@ohrely

Gabriel

Quansight

@gabalafou

Stephannie Jimenez Gacha

Quansight Labs

@steff456

GĂ©rard Vidal

ENS de Lyon

@g-vidal

Agenda#

May 17, 2023#

Attendees#

Name

Affiliation

GitHub

tonyfast

@tonyfast

stephannie Jimenez Gacha

Quansight

@steff456

nick bollweg

Georgia Tech

@bollwyvl

Afshin T. Darian

QuantStack

@afshin

Ryan Lovett

UC Berkeley

@ryanlovett

T

GCHQ

@t03857785

Michal Krassowski

Quansight

@krassowski

Agenda#

add any agenda items or topics in the list below.

tf: What does accessibility mean to you all?

  • Use of Microsoft Narrator. Close eyes and follow along and see if it makes sense.

  • tf: would be good to know what screen reader / assistive device is being used. tag in issues?

tf:

May 31, 2023#

Attendees#

Name

Affiliation

GitHub

tonyfast

@tonyfast

T & P

GCHQ

@t03857785

Isabela

Quansight Labs

@isabela-pf

Gabriel

Quansight Labs

@gabalafou

Ryan

UC Berkeley

@ryanlovett

Blessing

@bl-aire

Mike

Quansight

@krassowski

Tania

Quansight

@trallard

Andrii

AWS

@andrii-i

Agenda#

Links to open accessibility PRs that we discussed during call (overtime):

Note (Gabriel): I think we will want to stick as close to the UI/UX patterns defined in the ARIA Authoring Practices Guide (APG) Patterns when making changes to Lumino or JupyterLab

June 14, 2023#

Attendees#

Name

Affiliation

GitHub

tonyfast

@tonyfast

T & P

GCHQ

@t03857785

Gabriel

Quansight Labs

@gabalafou

Ely

Bloomberg

@ohrely

Andrii

AWS

@andrii-i

Afshin T. Darian

QuantStack

@afshin

Stephannie Jimenez Gacha

Quansight

@steff456

Mike

Quansight

@krassowski

Tania Allard

Quansight Labs

@trallard

Balaji

UC Berkeley

@balajialg

Agenda#

  • Andrii

    • Thank you everyone for the feedback on https://github.com/jupyter/notebook/issues/6800, really appreciated, helps us prioritize work

      • Next step would be splitting 6800 into separate issues. If someone has bandwidth, help would be much appreciated

      • (Gab) I pretty much volunteered myself to do this in yesterday’s triage meeting

  • t03857785

    • Thanks for feedback on PRs @fcollonval really helpful, looking at moving skiplinks to a dialog so it takes it out of widget layout any tips concerns would be useful

    • We are going to review and resubmit a couple of our outstanding PRs following some lessons learnt any idea when 4.0.x will be released as we want to do a pass of everything together to find the gaps

    • Initial 400% zoom changes are in PR any feedback welcome

  • Gabriel’s updates since May 31

    • Reviewed many (but not all) open PRs tagged with accessibility

    • Watched a bunch of videos to better understand Lumino architecture

    • Engaged in discussion with Tony and Darian yesterday during the Rethinking Notebook Cells meeting about making the HTML output of the JupyterLab notebook widget (also used by Notebook 7) more semantic and accessible

Discussion: how do we make a better experience for newcomers?

  • (Ely suggestion) A scripted intro to the meeting

    • More structure to the meetings

  • (t03857785 feedback) Spending more time creating accessibility issues and marking them as “good first issues”

  • (t03857785 feedback) It would be helpful to know how to navigating the code base and knowing what a good change looks like

  • add links to beginner resources (and issues) at top of HackMD

    • Link to issues filtered by “accessibility” and “good first issue”, rather than maintaining a list

  • Exemplary issues -

    • dialog issue is a good example

  • (Tania elaboration) responding to G&T’s feeback about navigating the codebase. This has been the hardest and longest part of onboarding developers. Not sure

  • (Ely) drawing attention to comment left by Mike in chat: “Good first issues in lab usually have a link to codebase e.g. https://github.com/jupyterlab/jupyterlab/issues/14354”

    • Something for us to keep in mind: maybe we don’t need to solve the a11y issue in front of us, but to give enough context for somebody else to solve it, and then we move on to work on other, harder issues

    • On context and issues (Mike): this is >relatively< easy to fix for new “good first issues” by modifying triage docs saying that triage team should add the links and context before labelling as “good first issue”

  • Discussion around having quarterly workshops

    • Ely suggests making the logistics as automateable as possible, so for example have it be the first Wednesday of each quarter, so that sending out announcements and the like can be automated

    • (Gab) Keep in mind the difference between “recruiting” versus “onboarding” (workshops may address issue of recruiting more than onboarding)

  • (Tania) raises point that HackMD is bad for screen reader users. (P&T) echoes point.

    • Sounds like Google Docs may be better alternative?

    • Tania - I hear Etherpad is a good alternative

  • Meet next week to begin a community proposal for accessibility.

    • Add an event to the calendar

    • Announce in the lab meeting

  • https://github.com/jupyterlab/team-compass/issues/199

June 21, 2023#

Attendees#

Name

Affiliation

GitHub

tonyfast

@tonyfast

Blessing Ogoh

@bl-aire

Agenda#

June 28, 2023#

Attendees#

Name

Affiliation

GitHub

tonyfast

@tonyfast

Gabriel

Quansight

@gabalafou

Stephannie Jimenez Gacha

Quansight

@steff456

T & P

GCHQ

@t03857785

Ryan Lovett

UC Berkeley

@ryanlovett

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

A. T. Darian

QuantStack

@afshin

Tania Allard

Quansight Labs

@trallard

Agenda#

July 12, 2023#

Attendees#

Name

Affiliation

GitHub

T & P

GCHQ

@t03857785

Afshin T. Darian

QuantStack

@afshin

Stephannie Jimenez Gacha

Quansight

@steff456

R Ely

Bloomberg

@ohrely

Agenda#

July 26, 2023#

Attendees#

Name

Affiliation

GitHub

Gabriel

Quansight Labs

@gabalafou

T & P

GCHQ

@t03857785

tonyfast

@tonyfast

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

A. T. Darian

QuantStack

@afshin

R Ely

Bloomberg

@ohrely

Agenda#

August 10, 2023#

Attendees#

Name

Affiliation

GitHub

Afshin T. Darian

QuantStack

@afshin

Blessing

@bl-aire

Mike

Quansight

@krassowski

Stephannie Jimenez

Quansight

@steff456

R Ely

Bloomberg

@ohrely

T & P

GCHQ

@t03857785

Johnson

Qaunsight

@dannyjohnson2050

Gabriel

Quansight Labs

@gabalafou

Isabela Presedo-Floyd

Quansight Labs

@isabela-pf

Agenda#