[SharonStrats]

Improve data content pane, accessibility, mobile and code
Examples: use debug instead of console, solid-ui variables instead of mashlib, px for padding/margin...
mobile wrapping and font.

various accessibility fixes.

• Added semantic table structure for RDF data with row headers using .
• Added unique IDs and headers associations between predicate headers and value cells.
• Added accessible aria-label="Properties" labels to nested property tables.
• Added an accessible label for embedded XML/HTML content: role="group" with aria-label="Embedded HTML content".
• Added descriptive aria-label text for referenced blank-node links.
• Preserved native browser behavior for modified link clicks such as Ctrl/Cmd-click and Shift-click.

[Copilot]

🟡 Changes recommended

Duplicate header IDs undermine assistive-technology associations, while unwrapped subject links and non-stacking predicate headers break narrow-pane layouts.

3 open issues

• Subject labels overflow narrow panes · New
• Predicate headers break the narrow stacked layout · New
• Header IDs collide across rendered tables · New

What changed in this PR

This PR improves the RDF data content pane’s accessibility and responsive presentation, with supporting tests and a small dialog compatibility change.

Changes:

• Adds semantic headers, language metadata, accessible labels, and ordered collections.
• Updates mobile and nested-formula styling and preserves native modified-link clicks.
• Adds rendering tests and replaces Array.at(-1) in dialog focus handling.

File	Description
test/​unit/​paneLayout.test.ts	Updates spacing assertions for the revised CSS.
test/​unit/​dataContentPane.test.ts	Tests semantic rendering, sanitization, nested formulas, and link behavior.
src/​dataContentPane.ts	Adds accessibility metadata and safer link handling; simplifies imports and logging.
src/​dataContentPane.css	Revises responsive layouts, wrapping, spacing, and colors.
src/​components/​resource-action-dialog/​ResourceActionDialog.ts	Uses array indexing for backward focus wrapping.

_{Review effort: Balanced}