Hi,
We're using a Bryntum TreeGrid where the Name column (TreeColumn) displays different row types — such as Product, Line Set, Task, and Role Request. Each row type is visually distinguished by an icon in the tree cell, but screen readers have no way to announce the record type to non-sighted users.
What we'd like to do:
Inject a visually hidden <span> (e.g. with an sr-only CSS class) into the Name column cell so that assistive technology announces the record type alongside the name value. For example, a screen reader should read "Product: Widget X" rather than just "Widget X".
What we've tried:
We have a custom TreeColumn subclass with an originalRenderer that returns HTML for the cell value (bold for Products/Line Sets, paragraph for Tasks/Role Requests). However, the tree structure area of the cell — including the expand/collapse toggle and row icon — is managed internally by Bryntum and sits outside the scope of what originalRenderer controls. We can't prepend an aria-label or visually hidden text before the tree-managed portion of the cell.
We also explored setting aria-label directly on the cell element, but the TreeColumn's internal rendering appears to overwrite or not preserve custom attributes applied to the cell's inner content.
Our question:
Is there a supported way to inject visually hidden (screen-reader-only) text into a TreeColumn cell that sits alongside the tree icons and expander?
Alternatively, is there a hook or config to supply an aria-label or role="img" + aria-label for the row-type icon rendered by the tree column?
Are there any planned accessibility improvements for TreeColumn that would address this use case?
