Как называется сетка на клавиатуре

Обновлено: 07.07.2024

Сетка реагирует на действия пользователя с клавиатурой, а также генерирует события при нажатии клавиш в ячейках сетки. Ниже показаны все взаимодействия с клавиатурой, которые можно выполнить с сеткой.

Используйте клавиши со стрелками ( ← ↑ → ↓ ) для перемещения фокуса вверх, вниз, влево и вправо. Если сфокусированная ячейка уже находится на границе этой позиции (например, если в первом столбце нажата левая клавиша), то нажатие клавиши не имеет никакого эффекта. Используйте Ctrl + ←, чтобы перейти к началу строки, и Ctrl + →, чтобы перейти к концу.

Если активна ячейка в первой строке сетки и вы нажмете ↑ , фокус переместится в заголовок сетки. Навигация по заголовку работает так же, как и по сетке: стрелки перемещаются вверх/вниз/влево/вправо, Tab перемещает фокус по горизонтали до последней ячейки заголовка, а затем переходит к следующей строке.

Используйте Page Up и Page Down для перемещения прокрутки вверх и вниз на одну страницу. Используйте Home и End, чтобы перейти к первой и последней строкам.

Когда ячейка заголовка находится в фокусе, такие команды, как Page Up , Page Down , Home , End , Ctrl + ← / →, не будут работать, как если бы ячейка сетки была в фокусе.

Если это элемент группы, нажатие клавиши Enter развернет или свернет группу.

Нажатие клавиши Enter на ячейке переводит ячейку в режим редактирования, если редактирование в ячейке разрешено. Это будет работать для редактора ячеек по умолчанию.

Нажатие клавиши пробела на ячейке выделит строку ячеек или отменит выбор строки, если она уже выбрана. Если включен множественный выбор, то выбор не удалит все предыдущие выборы.

Подавить фокус ячейки

Если вы хотите, чтобы навигация с помощью клавиатуры была отключена, задайте параметр submitCellFocus=true в gridOptions .

Заголовок сетки поддерживает полную навигацию с помощью клавиатуры, однако поведение может отличаться в зависимости от типа заголовка, который в данный момент находится в фокусе.

При перемещении по сгруппированным заголовкам, если текущий сгруппированный заголовок является расширяемым, нажатие клавиши ВВОД переключит расширенное состояние группы.

Обычные заголовки могут иметь флажки выбора, функции сортировки и меню, поэтому для доступа ко всем этим функциям во время фокусировки заголовка вы можете сделать следующее:

Нажмите пробел, чтобы переключить флажок в заголовке.
Нажмите Enter, чтобы изменить состояние сортировки этого столбца.
Нажмите Shift + Enter, чтобы включить мультисортировку для этого столбца.
Нажмите Ctrl + Enter, чтобы открыть меню заголовка, находящегося в фокусе.
Когда меню открыто, просто нажмите клавишу ESC, чтобы закрыть его, и фокус вернется к заголовку.

Во время навигации по заголовку плавающих фильтров с помощью нажатия на клавиатуре влево/вправо фокус будет перемещаться с ячейки заголовка на ячейку заголовка. Если вы хотите перемещаться внутри ячейки, нажмите Enter, чтобы сфокусировать первый включенный элемент в текущей ячейке плавающего фильтра. и нажмите клавишу ESC, чтобы вернуть фокус на плавающую ячейку фильтра.

В приведенном ниже примере сгруппированы заголовки, заголовки и плавающие фильтры для демонстрации функций, упомянутых выше:

Роль сетки предназначена для виджета, который содержит одну или несколько строк ячеек. Положение каждой ячейки важно и может быть сфокусировано с помощью ввода с клавиатуры.

Описание

Роль сетки – это составной виджет, содержащий набор из одной или нескольких строк с одной или несколькими ячейками, где некоторые или все ячейки сетки могут быть сфокусированы с помощью методов двумерной навигации, таких как клавиши со стрелками.

Виджет-сетка содержит одну или несколько строк с одной или несколькими ячейками тематически связанного интерактивного содержимого. Хотя это не подразумевает конкретное визуальное представление, оно подразумевает взаимосвязь между элементами. Использование делится на две категории: представление табличной информации (сетки данных) и группирование других виджетов (сетки макета). Несмотря на то, что сетки данных и сетки макетов используют одни и те же роли, состояния и свойства ARIA, различия в их содержании и назначении поверхностных факторов, которые важно учитывать при проектировании взаимодействия с клавиатурой. Дополнительные сведения см. в разделе «Практики разработки ARIA».

Элементы ячеек имеют роль gridcell , если только они не являются заголовками строк или столбцов. Тогда элементами являются rowheader и columnheader соответственно. Элементы ячейки должны принадлежать элементам с ролью строки. Строки можно группировать с помощью групп строк .

Если сетка используется в качестве интерактивного виджета, необходимо реализовать взаимодействие с клавиатурой.

Связанные роли, состояния и свойства ARIA

Роли

Если в сетке есть столбцы, которые можно разворачивать или сворачивать, можно использовать древовидную сетку.

Строка внутри сетки.

Группа, содержащая одну или несколько строк.

Состояния и свойства

Указывает иерархический уровень сетки в других структурах.

Если для aria-multiselectable задано значение true , можно выбрать несколько элементов в сетке. Значение по умолчанию — false .

Если пользователь может перемещаться по сетке, но не может изменять значение или значения сетки, для параметра aria-readonly должно быть установлено значение true . Значение по умолчанию — false .

Взаимодействие с клавиатурой

Когда пользователь клавиатуры сталкивается с сеткой, он перемещается по строкам и столбцам с помощью клавиш «влево» , «вправо» , «вверх» и «вниз». Чтобы активировать интерактивный компонент, они будут использовать клавиши возврата и пробела.

Ключ	Действие
→	Перемещает фокус на единицу ячейка вправо. Если фокус находится на самой правой ячейке в строке, фокус не перемещается.
←	Перемещает фокус на одну ячейку влево. Если фокус находится на самой левой ячейке в строке, фокус не перемещается.
↓	Перемещает фокус на одну ячейку вниз. Если фокус находится на нижней ячейке в столбце, фокус не перемещается.
↑	Перемещает фокус на одну ячейку вверх. Если фокус находится на верхней ячейке в столбце, фокус не перемещается.
Page Down	Перемещает фокус вниз на заданное автором количество строк, обычно прокручивается, поэтому нижняя строка в наборе строк, видимых в данный момент, становится одной из первых видимых строк. Если фокус находится в последней строке сетки, фокус не перемещается.
Page Up	Перемещает фокус вверх на заданное автором количество строк, обычно прокручивается, поэтому верхняя строка в наборе строк, видимых в данный момент, становится одной из последних видимых строк. Если фокус находится в первой строке сетки, фокус не перемещается.
Home	Перемещает фокус на первую ячейку в строке, содержащей фокус .
End	Перемещает фокус на последнюю ячейку в строке, содержащей фокус.
ctrl + Home	Перемещает фокус на первую ячейку в первой строке.
ctrl + End	Перемещает фокус на последнюю ячейка в последней строке.

Если можно выбрать ячейки, строки или столбцы, обычно используется следующая комбинация клавиш:

Многие пользователи считают, что сочетания клавиш для настольных баз данных Access помогают им работать более эффективно. Для пользователей с нарушениями подвижности или зрения сочетания клавиш являются существенной альтернативой использованию мыши. В этой статье перечислены сочетания клавиш для Access в Windows.

Сочетания клавиш в этом разделе относятся к раскладке клавиатуры США. Клавиши для других раскладок могут не соответствовать точно клавишам на клавиатуре США.

Если сочетание клавиш требует одновременного нажатия двух или более клавиш, в этом разделе клавиши разделены знаком плюс (+). Если вам нужно нажать одну клавишу сразу после другой, клавиши разделяются запятой (,).

В этом разделе предполагается, что у пользователей JAWS отключена функция виртуального ленточного меню.

В этой теме

Часто используемые сочетания клавиш

В этой таблице перечислены наиболее часто используемые сочетания клавиш в базах данных Access для настольных компьютеров.

Выберите активную вкладку ленты и активируйте подсказки клавиш

Alt или F10
(чтобы перейти на другую вкладку, используйте подсказки клавиш или клавиши со стрелками)

Открыть вкладку "Главная"

Откройте поле "Подскажите" на ленте

Alt+Q, а затем введите поисковый запрос

Отображение контекстного меню для выбранного элемента

Переместить фокус на другую часть окна

Открыть существующую базу данных

Ctrl+O или Ctrl+F12

Показать или скрыть панель навигации

Показать или скрыть страницу свойств

Переключение между режимом редактирования (с отображением точки вставки) и режимом навигации в режиме таблицы или конструктора

Переключиться в режим формы из режима конструктора формы

Перейти к следующему или предыдущему полю в режиме таблицы

Клавиша Tab или Shift+Tab

Перейти к определенной записи в режиме таблицы

Alt+F5
(затем в поле номера записи введите номер записи и нажмите Enter)

Открыть диалоговое окно "Печать" из меню "Печать" (для таблиц, форм и отчетов)

Открытие диалогового окна "Параметры страницы" (для форм и отчетов)

Увеличение или уменьшение части страницы

Откройте вкладку "Найти" в диалоговом окне "Найти и заменить" в режиме таблицы или в режиме формы

Откройте вкладку "Заменить" в диалоговом окне "Найти и заменить" в режиме таблицы или в режиме формы

Добавить новую запись в режиме таблицы или в режиме формы

Открыть окно справки

Перемещайтесь по ленте только с помощью клавиатуры

Лента — это полоса в верхней части Access, упорядоченная по вкладкам. На каждой вкладке отображается отдельная лента, состоящая из групп, и каждая группа включает одну или несколько команд.

Вы можете перемещаться по ленте, используя только клавиатуру. Подсказки клавиш — это специальные комбинации клавиш, которые можно использовать для быстрого доступа к команде на ленте, нажав несколько клавиш, независимо от того, где вы находитесь в Access. Каждую команду в Access можно ввести с помощью подсказки по клавише.

Примечание. Надстройки и другие программы могут добавлять новые вкладки на ленту и предоставлять подсказки для этих вкладок.

Есть два способа навигации по вкладкам на ленте:

Чтобы перейти на ленту, нажмите клавишу Alt, а затем для перемещения между вкладками используйте клавиши со стрелками вправо и влево.

Чтобы перейти непосредственно к вкладке на ленте, нажмите одну из следующих подсказок клавиш:

Открыть страницу файла

Открыть вкладку "Главная"

Открыть вкладку "Создать"

Открыть вкладку "Внешние данные"

Откройте вкладку Инструменты базы данных

Откройте вкладку "Поля"

Открыть вкладку "Таблица"

Откройте вкладку "Надстройки", если она есть

Откройте поле "Подскажите" на ленте

Alt+Q, а затем введите поисковый запрос

Работа с вкладками ленты с помощью клавиатуры

Чтобы перейти к списку вкладок ленты, нажмите клавишу Alt; чтобы перейти непосредственно на вкладку, нажмите ее подсказку.

Чтобы перейти в выбранную группу, нажмите клавишу со стрелкой вниз.

Чтобы перемещаться между группами на ленте, нажимайте Ctrl+Стрелка вправо или Ctrl+Стрелка влево.

Чтобы перемещаться между командами в группе, нажимайте клавишу Tab или Shift+Tab. Вы перемещаетесь вперед или назад по командам по порядку.

Вы активируете элементы управления по-разному, в зависимости от типа элемента управления:

Если выбранная команда является кнопкой, чтобы активировать ее, нажмите клавишу ПРОБЕЛ или Enter.

Если выбранная команда является сплит-кнопкой (то есть кнопкой, которая открывает меню дополнительных параметров), чтобы активировать ее, нажмите клавиши ALT+Стрелка вниз. Перейдите к параметрам. Чтобы выбрать текущий вариант, нажмите пробел или Enter.

Если выбранная команда представляет собой список (например, список шрифтов), чтобы открыть список, нажмите клавишу со стрелкой вниз. Затем для перемещения между элементами нажимайте клавишу со стрелкой вверх или клавишу со стрелкой вниз.

Если выбранная команда представляет собой галерею, чтобы выбрать команду, нажмите клавишу ПРОБЕЛ или Enter. Затем пролистайте элементы.

Совет. В галереях с несколькими строками элементов клавиша Tab перемещает фокус с начала в конец текущей строки. Когда вы достигаете конца строки, фокус перемещается на начало следующей строки. Нажатие клавиши со стрелкой вправо в конце текущей строки возвращает фокус к началу текущей строки.

В следующей таблице перечислены способы перемещения фокуса с помощью клавиатуры:

Выберите активную вкладку ленты и активируйте подсказки клавиш

Alt или F10
(чтобы перейти на другую вкладку, используйте подсказки клавиш или клавиши со стрелками)

Переместить фокус на команды на ленте

Клавиша Tab или Shift+Tab

Перемещение вниз, вверх, влево или вправо соответственно между элементами на ленте

Клавиша со стрелкой вниз, вверх, влево или вправо

Развернуть или свернуть ленту

Отображение контекстного меню для выбранного элемента

Переместить фокус на другую часть окна

Перейти к следующей или предыдущей команде на ленте

Клавиша Tab или Shift+Tab

Активировать выбранную команду или элемент управления на ленте

Пробел или Enter

Открыть выбранное меню или галерею на ленте

Пробел или Enter

Открыть выбранный список на ленте, например список шрифтов

Клавиша со стрелкой вниз

Перемещение между элементами в открытом меню или галерее

Завершите изменение значения в элементе управления на ленте и переместите фокус обратно в документ

Используйте подсказки клавиш

Вы можете отображать подсказки клавиш, которые представляют собой буквы, используемые для ввода команд с клавиатуры, а затем использовать их для навигации по ленте.

Нажмите Alt. Подсказки клавиш появляются в маленьких квадратах рядом с каждой командой ленты.

Чтобы выбрать команду, нажмите букву, указанную в квадратной подсказке, которая появляется рядом с ней.

В зависимости от того, какую букву вы нажмете, вам могут быть показаны дополнительные подсказки клавиш. Например, если вы нажмете Alt+F, откроется представление Backstage на странице «Информация», которая имеет другой набор подсказок клавиш. Если затем снова нажать клавишу Alt, появятся подсказки клавиш для навигации по текущей странице.

AG Grid обеспечивает лучшую поддержку доступности по сравнению с другими сетями, доступными сегодня на рынке. На этой странице приведены рекомендации о том, как решить проблемы с доступностью в ваших реализациях Grid.

Руководство по веб-соответствию

Даже если вы не обязаны соответствовать какому-либо конкретному стандарту специальных возможностей, может быть полезно понять изложенные рекомендации, поскольку они, как правило, являются хорошей практикой, которую стоит включить в свои веб-приложения.

- Министерство юстиции США - Федеральные агентства США - общепризнанный стандарт

WCAG 2.0 имеет 3 уровня соответствия; A, AA и AAA (в порядке соответствия)

Поскольку соответствие рекомендациям уровня AA WCAG 2.0 также соответствует стандартам ADA и разделу 508, вполне вероятно, что большинство организаций захотят ориентироваться на этот стандарт.

Высококонтрастная тема

Пользователям с нарушениями зрения из-за нехватки цветов следует соблюдать осторожность при использовании цветов для предоставления информации.

В качестве примера на нашей демонстрационной странице подключаемый модуль Chrome Colorblindly показывает, как ячейки с цветовыми индикаторами могут выглядеть для человека с полной цветовой слепотой (монохромазия/ахроматопсия).

Чтобы создать высококонтрастную тему, ознакомьтесь с подробностями в документации по темам.

Пользователи с двигательными нарушениями, а также пользователи с нарушениями зрения часто полагаются на клавиатуру для навигации.

Подробнее о том, как перемещаться по сетке без использования мыши, см. в документации по навигации с помощью клавиатуры. Обратите внимание, что можно предоставить пользовательскую навигацию, которая может оказаться полезной для некоторых требований доступности.

Пользователям с нарушениями зрения обычно требуется помощь программы чтения с экрана для интерпретации и взаимодействия с приложением на основе сетки.

Существует множество программ чтения с экрана, однако в настоящее время самой популярной программой чтения с экрана для Windows является JAWS, а для пользователей MAC — встроенное программное обеспечение VoiceOver. Наше тестирование было сосредоточено на этих программах чтения с экрана.

Чтобы охватить самый широкий спектр вариантов использования и программ чтения с экрана, AG Grid применила основанный на стандартах подход к реализации поддержки специальных возможностей. Вместо того чтобы оптимизировать нашу реализацию для определенных программ чтения с экрана, мы следовали стандарту W3C WCAG и добавили соответствующие теги ARIA, чтобы программы чтения с экрана объявляли любой элемент AG Grid и его состояние.

Однако разные программы чтения с экрана интерпретируют стандарт WCAG по-разному. В результате они могут генерировать разные объявления для одного и того же элемента AG Grid или вообще не генерировать объявления.

Вот почему мы рекомендуем протестировать, как разные программы чтения с экрана объявляют пользовательский интерфейс используемого вами приложения, выбрать лучший из них и рекомендовать его своим пользователям. Мы считаем, что это лучший способ помочь вашим пользователям получить наилучшие возможности в настоящее время, пока программы чтения с экрана не улучшат свою поддержку стандарта WCAG.

Чтобы предоставить программам чтения с экрана контекстную информацию, необходимую им для интерпретации и взаимодействия с сеткой, к элементам DOM сетки добавляются атрибуты ARIA. Эти атрибуты особенно полезны, когда простые элементы HTML, такие как div и span, используются для создания сложных структур DOM, как в случае с AG Grid.

При просмотре DOM вы заметите, что были добавлены следующие роли и свойства:

role="grid" — помечает вмещающий элемент сетки.
Примечание. Вы можете установить любое свойство aria на панели (role="grid") с помощью метода setGridAriaProperty в Grid API.

aria-rowcount — объявляет количество строк.
aria-colcount – объявляет количество строк.
aria-multiselectable="true" – помечает сетку как способную выбирать несколько строк.

role="row" — ряд заголовков столбцов или ячеек сетки.

aria-rowindex — объявляет видимый индекс строки.
aria-selected – присутствует только в том случае, если строка доступна для выбора, сообщает о состоянии выбора.
aria-expanded — присутствует только в группах строк, объявляет о состоянии раскрытия.

role="columnheader" — элемент, содержащий заголовок столбца.

aria-colindex — объявляет видимый индекс столбца.
aria-colspan — присутствует только в том случае, если столбец охватывает несколько столбцов. Это помогает программам чтения с экрана ориентироваться.
aria-expanded — присутствует только в сгруппированных заголовках, сообщает о состоянии раскрытия.
aria-sort — присутствует только в сортируемых столбцах, сообщает о состоянии сортировки.

role="gridcell" — элемент, содержащий ячейку сетки.

aria-colindex — объявляет видимый индекс ячейки.
aria-selected — присутствует только в том случае, если ячейка доступна для выбора, сообщает о состоянии выбора.
aria-expanded — присутствует только в групповой ячейке, сообщает о расширенном состоянии.

role="treeitem" — помечает элемент как элемент дерева.

aria-level — объявляет текущий уровень дерева.
aria-expanded — присутствует только в том случае, если у элемента есть подэлементы, сообщает о текущем состоянии раскрытия.

role="option" — помечает элемент как элемент списка.

aria-setsize – объявляет общее количество элементов в списке.
aria-posinset — объявляет позицию элемента в наборе.
aria-selected — присутствует только в том случае, если элемент доступен для выбора, сообщает о текущем состоянии выбора.
aria-checked — присутствует только в том случае, если элемент имеет флажок, сообщает о текущем состоянии проверки.

Эти атрибуты позволяют программам чтения с экрана интерпретировать столбцы и строки сетки и перемещаться по ним.

Некоторые другие сетки заявляют, что обеспечивают поддержку сложных компоновок и взаимодействий сеток, но, судя по нашему собственному независимому тестированию и отзывам, полученным от наших пользователей, это явно не так.

Настройка сетки для специальных возможностей

Чтобы поддерживать большие наборы данных с минимальным потреблением памяти и удобным пользовательским интерфейсом, сетка использует виртуализацию строк и столбцов, загружая новые строки и столбцы по мере необходимости. Однако программы чтения с экрана предполагают, что все элементы сетки загружаются при загрузке страницы и отображаются в DOM в порядке их визуального появления. Чтобы соответствовать этим требованиям, мы рекомендуем внести следующие изменения.

Обеспечить порядок элементов DOM

По умолчанию строки и столбцы могут отображаться в модели DOM не по порядку. Этот «неправильный порядок» может привести к противоречивым результатам при анализе программами чтения с экрана.

Чтобы задать порядок строк и столбцов, включите следующее свойство gridOptions следующим образом:

Убедитесь, что все элементы сетки всегда отображаются

Чтобы обеспечить загрузку всех элементов сетки, необходимо отключить виртуализацию столбцов и строк. Лучший способ сделать это — использовать пагинацию. Таким образом, вы можете сократить начальное время загрузки и объем памяти, обеспечив при этом загрузку всех элементов этих строк для программ чтения с экрана.

Если вам нужно использовать прокрутку вместо нумерации страниц, вы можете отключить виртуализацию строк за счет увеличения объема памяти. Пожалуйста, проверьте производительность этого и, если она неудовлетворительна, переключитесь на использование нумерации страниц.

Виртуализацию столбцов можно отключить следующим образом:

Это означает, что если у вас есть 100 столбцов, но из-за прокрутки видны только 10, все 100 всегда будут отображаться.

Не существует свойства для подавления виртуализации строк, однако, если вы хотите сделать это, вы можете установить для свойства rowBuffer очень большое значение следующим образом:

Это задает количество строк, отображаемых за пределами прокручиваемой области просмотра, отображаемой сеткой. По умолчанию 20.

Однако обратите внимание, что большое количество отображаемых строк будет означать очень большой объем обработки в DOM, что замедлит работу.

Пример сетки, адаптированной для специальных возможностей

В приведенном ниже примере представлен простой макет сетки со следующими включенными свойствами:

Читайте также: