Accessible Organogramm Viewer

Here is a organogramm data. buidl a tool that allows to upload this kids of data. include a preset also with the data i provided ou with. the tool purpose is to create screenreader readable organorgmms base on the data. display all the data there is. make sure it is easily readbale by a screenreader

240903_SenFin_Organigramm(1).json

I'll create a screen reader accessible organogram visualization tool that allows users to upload organizational data in JSON format. The tool will display hierarchical organizational structures with all available data in an accessible way.

This accessible organogram viewer allows users to explore organizational structures in a screen reader-friendly way. The application includes:

Upload Functionality: Users can upload their own JSON organogram data or use the preset data you provided.
Hierarchical View: The main view presents the organization in a tree structure that can be navigated with keyboard and screen readers. Each node can be expanded/collapsed for better navigation.
List View: An alternative flat list view of all positions for easier access to specific roles.
Accessibility Features:
- Proper ARIA attributes for expandable sections
- Semantic HTML structure
- Keyboard navigation support
- Clear focus indicators
- Screen reader announcements for interactive elements
Detailed Information Display:
- Organization details (name, type, purpose)
- Position information (title, status)
- Person details (name, contact information)
- Address and contact data

The application is fully responsive and works on both desktop and mobile devices. The preset data from your JSON file is included, so users can immediately see how the organogram is structured without having to upload anything.

The code returns the following error:

"" string literal contains an unescaped line break

Revise the code to address the error.

I was previewing: /

I apologize for the error. Let me fix the issue with the unescaped line break in the code.

I've fixed the issue in the tabs.tsx file. The error was caused by unescaped line breaks in the string literal. The corrected version properly formats the className with the cn utility function and removes any syntax errors.

The application should now work correctly. The accessible organogram viewer allows you to:

Upload your own JSON organogram data or use the preset data
View the organizational structure in a hierarchical tree view
Expand/collapse sections to focus on specific parts of the organization
Switch to a list view to see all positions in a flat structure
Access detailed information about each position and person

All of these features are fully accessible to screen readers with proper ARIA attributes and keyboard navigation support.

could you also add a dowloadable version?

README.md