diff --git a/src/AccessibilityManager.ts b/src/AccessibilityManager.ts index 988279ab..281618f4 100644 --- a/src/AccessibilityManager.ts +++ b/src/AccessibilityManager.ts @@ -16,6 +16,7 @@ export class AccessibilityManager implements IDisposable { private _rowContainer: HTMLElement; private _rowElements: HTMLElement[] = []; private _liveRegion: HTMLElement; + private _moreRowsElement: HTMLElement; private _liveRegionLineCount: number = 0; private _renderRowsDebouncer: RenderDebouncer; @@ -37,6 +38,12 @@ export class AccessibilityManager implements IDisposable { constructor(private _terminal: ITerminal) { this._accessibilityTreeRoot = document.createElement('div'); this._accessibilityTreeRoot.classList.add('xterm-accessibility'); + + this._moreRowsElement = document.createElement('div'); + this._moreRowsElement.style.clip = 'clip(0 0 0 0)'; + this._moreRowsElement.textContent = 'In order to properly navigation the terminal buffer you need to enter navigation mode'; + this._accessibilityTreeRoot.appendChild(this._moreRowsElement); + this._rowContainer = document.createElement('div'); this._rowContainer.classList.add('xterm-accessibility-tree'); for (let i = 0; i < this._terminal.rows; i++) { diff --git a/src/xterm.css b/src/xterm.css index 583aa907..fffc6b85 100644 --- a/src/xterm.css +++ b/src/xterm.css @@ -131,9 +131,6 @@ bottom: 0; right: 0; z-index: 100; -} - -.xterm .xterm-accessibility-tree { color: transparent; }