Skip to content

Instantly share code, notes, and snippets.

View nmckeeman's full-sized avatar

Neil McKeeman nmckeeman

View GitHub Profile

USER-2048: [A11Y] Company Directory — In Review

Analysis of changes required for the 3 active subtasks in this accessibility story.

All issues are on the "In Review" page at /companies/{id}/tools/directory/requests.


USER-2111 — Error tooltips not accessible to keyboard and screen reader users (High)

USER-2050: [A11Y] Company Directory — View User

Analysis of Required Changes

This story contains 19 active subtasks (16 Backlog, 3 Canceled) spanning accessibility bugs in the "View User" page of the Company Directory. The code lives across two repositories:

  1. procore monolithhydra_clients/directory/src/redesign/ contains the main User Profile page (General tab, top-level tabs, breadcrumbs)
  2. directory-ui-service — Contains the Projects tab, Edit Projects grid, and Resource Planning tab (served via /webclients/host/.../tools/directory/person/.../details/... URLs)

The bugs break into 5 functional groups.

@nmckeeman
nmckeeman / gist:2d2e7b406e2c581c6fba818649519c66
Created May 6, 2026 20:37
Analysis: USER-2049 [A11Y] Company Directory Edit User - Subtask Changes Required
# USER-2049: [A11Y] Company Directory. Edit User — Analysis
## Story Overview
Parent story: [USER-2049](https://procoretech.atlassian.net/browse/USER-2049)
Page: Company Directory Edit User (`/company/directory/edit_person/{id}`)
Architecture: Primarily a Rails ERB page with one React (Hydra) component for vendor selection.
---
@nmckeeman
nmckeeman / user-2051-analysis.md
Created May 6, 2026 20:34
USER-2051: [A11Y] Edit Distribution Group — Analysis of required changes

USER-2051: [A11Y] Company Directory — Edit Distribution Group

Overview

Three accessibility subtasks targeting the Edit Distribution Group page in Company Directory. All three issues originate from the same ERB template and supporting JavaScript.

Primary file: app/views/shared_directory/edit_distribution_group.html.erb Supporting JS: app/assets/javascripts/generics/directory/edit_distribution_group.js


USER-2047: [A11Y] Company Directory - Contacts Tab — Analysis

Architecture Overview

The Company Directory is a React application in hydra_clients/directory/. The Contacts tab renders the ReferenceUsers screen. The key files are:

  • Navigation/Tabs: hydra_clients/directory/src/legacy/screens/Groups/Groups.jsx (lines 527-648)
  • Edit Contact Dialog: hydra_clients/directory/src/legacy/components/ReferenceUserEditCell/ReferenceUserEditCell.jsx
  • Edit Button: hydra_clients/directory/src/legacy/components/EditButtonCell/EditButtonCell.jsx
  • Tab definitions: hydra_clients/directory/src/legacy/lib/active-tab.js