Hi Team, we are looking for a11y in our application. We got to know GoJS 3.x providing accessibility support. I need help with that. Where to start? After upgrading to 3.x, what changes must we make in our diagram setup? Which version of WCAG is supported? Thanks

OK, here you go, a custom CommandHandler that supports showing a “focus” Adornment and handles arrow keys, Enter, Escape, and Space in order to navigate around most any graph of Nodes, Links, Groups, and simple Parts, and also inside any Part to focus on any GraphObject that has a GraphObject.conte…

Good morning. Not at this moment, but as it so happens, I was working on such a sample yesterday. It will be a while before it’s ready for me to share with you.

The rest of the HTML page, the sample app code: const myDiagram = new go.Diagram("myDiagramDiv", { commandHandler: new KeyboardCommandHandler(), contextMenuTool: new KeyboardContextMenuTool(), click: e => console.log("background click at", e.documentPoint.toString()), lay…

Hi @walter I think this example suits our use case. I will try to use this code & will make changes further. But can we directly copy & use this code for business? We do have an enterprise license for GoJS. So, does copying this kind of code snippet directly in our business use cases have copyright…

Good No copyright problems – all of our samples are included for your use under the license agreement.

Hi @walter The logic below is that we are iterating over the panel children recursively. We have a question: In the _walkPanels method, the recursive iteration specifically checks if an object is an instance of go.Panel before traversing its child elements. Are there any other types of elements or…

Panel is the only class that implements a “container” of GraphObjects.

[image] walter: _findNearestTowards(dir) { if (dir < 0) dir += 360; else if (dir >= 360) dir -= 360; const obj = this.focus; if (!obj) return null; const center = obj.getDocumentBounds().center; let closestDist = Infinity; let closestObj = obj; const checkNearer…

I suspect you want to change the behavior of the nested checkNearer function, but I don’t know what you want to do when there are “large” Nodes (that might be Groups) in the desired direction. Also you might want to delete this code: const grp = obj.containingGroup; if (grp !== null) {…

Our goal is to navigate to and highlight the Group node first, and then use the Shift+Enter logic to enter and navigate within the group’s child nodes.

Try deleting that code as I suggested. By the way, for version 3.1 we have built-in support for general keyboard focus navigation plus support for a keyboard controlled virtual pointer to allow use of most tools without using the mouse. However the details of the functionality are quite different f…

Northwoods Software

Need more insight on a11y / accessibility

GoJS

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled