Accessible QML Type

Enables accessibility of QML items. More...

Import Statement: import QtQuick

Properties

Signals

Detailed Description

This class is part of the Accessibility for Qt Quick Applications.

Items the user interacts with or that give information to the user need to expose their information to the accessibility framework. Then assistive tools can make use of that information to enable users to interact with the application in various ways. This enables Qt Quick applications to be used with screen-readers for example.

The most important properties are name, description and role.

Example implementation of a simple button:

 Rectangle {
     id: myButton
     Text {
         id: label
         text: "next"
     }
     Accessible.role: Accessible.Button
     Accessible.name: label.text
     Accessible.description: "shows the next page"
     Accessible.onPressAction: {
         // do a button click
     }
 }

The role is set to Button to indicate the type of control. name is the most important information and bound to the text on the button. The name is a short and consise description of the control and should reflect the visual label. In this case it is not clear what the button does with the name only, so description contains an explanation. There is also a signal handler Accessible.pressAction which can be invoked by assistive tools to trigger the button. This signal handler needs to have the same effect as tapping or clicking the button would have.

See also Accessibility.

Property Documentation

checkStateMixed : bool

This property holds whether this item is in the partially checked state.

By default this property is false.

See also checked and checkable.


checkable : bool

This property holds whether this item is checkable (like a check box or some buttons).

By default this property is false.

See also checked.


checked : bool

This property holds whether this item is currently checked.

By default this property is false.

See also checkable.


defaultButton : bool

This property holds whether this item is the default button of a dialog.

By default this property is false.


description : string

This property sets an accessible description. Similar to the name it describes the item. The description can be a little more verbose and tell what the item does, for example the functionality of the button it describes.


editable : bool

This property holds whether this item has editable text.

By default this property is false.


focusable : bool

This property holds whether this item is focusable.

By default, this property is false except for items where the role is one of CheckBox, RadioButton, Button, MenuItem, PageTab, EditableText, SpinBox, ComboBox, Terminal or ScrollBar.

See also focused.


focused : bool

This property holds whether this item currently has the active focus.

By default, this property is false, but it will return true for items that have QQuickItem::hasActiveFocus() returning true.

See also focusable.


id : string

This property sets an identifier for the object. It can be used to provide stable identifiers to UI tests. By default, the identifier is set to the ID of the QML object. If the ID is not set the default of QAccessible::Identifier is used.


ignored : bool

This property holds whether this item should be ignored by the accessibility framework.

Sometimes an item is part of a group of items that should be treated as one. For example two labels might be visually placed next to each other, but separate items. For accessibility purposes they should be treated as one and thus they are represented by a third invisible item with the right geometry.

For example a speed display adds "m/s" as a smaller label:

 Row {
     Label {
         id: speedLabel
         text: "Speed: 5"
         Accessible.ignored: true
     }
     Label {
         text: qsTr("m/s")
         Accessible.ignored: true
     }
     Accessible.role: Accessible.StaticText
     Accessible.name: speedLabel.text + " meters per second"
 }

By default this property is false.


multiLine : bool

This property holds whether this item has multiple text lines.

By default this property is false.


name : string

This property sets an accessible name. For a button for example, this should have a binding to its text. In general this property should be set to a simple and concise but human readable name. Do not include the type of control you want to represent but just the name.


passwordEdit : bool

This property holds whether this item is a password text edit.

By default this property is false.


pressed : bool

This property holds whether this item is pressed (for example a button during a mouse click).

By default this property is false.


readOnly : bool

This property indicates that a text field is read only.

It is relevant when the role is QAccessible::EditableText and set to be read-only. By default this property is false.


role : enumeration

This flags sets the semantic type of the widget. A button for example would have "Button" as type. The value must be one of QAccessible::Role.

Some roles have special semantics. In order to implement check boxes for example a "checked" property is expected.

RoleProperties and signalsExplanation
All interactive elementsfocusable and focusedAll elements that the user can interact with should have focusable set to true and set focus to true when they have the focus. This is important even for applications that run on touch-only devices since screen readers often implement a virtual focus that can be moved from item to item.
Button, CheckBox, RadioButtonAccessible.pressActionA button should have a signal handler with the name onPressAction. This signal may be emitted by an assistive tool such as a screen-reader. The implementation needs to behave the same as a mouse click or tap on the button.
CheckBox, RadioButtoncheckable, checked, Accessible.toggleActionThe check state of the check box. Updated on Press, Check and Uncheck actions.
Slider, SpinBox, Dial, ScrollBarvalue, minimumValue, maximumValue, stepSizeThese properties reflect the state and possible values for the elements.
Slider, SpinBox, Dial, ScrollBarAccessible.increaseAction, Accessible.decreaseActionActions to increase and decrease the value of the element.

searchEdit : bool

This property holds whether this item is input for a search query. This property will only affect editable text.

By default this property is false.


selectable : bool

This property holds whether this item can be selected.

By default this property is false.

See also selected.


selectableText : bool

This property holds whether this item contains selectable text.

By default this property is false.


selected : bool

This property holds whether this item is selected.

By default this property is false.

See also selectable.


Signal Documentation

decreaseAction()

This signal is emitted when a decrease action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onDecreaseAction.


increaseAction()

This signal is emitted when a increase action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onIncreaseAction.


nextPageAction()

This signal is emitted when a next page action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onNextPageAction.


pressAction()

This signal is emitted when a press action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onPressAction.


previousPageAction()

This signal is emitted when a previous page action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onPreviousPageAction.


scrollDownAction()

This signal is emitted when a scroll down action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onScrollDownAction.


scrollLeftAction()

This signal is emitted when a scroll left action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onScrollLeftAction.


scrollRightAction()

This signal is emitted when a scroll right action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onScrollRightAction.


scrollUpAction()

This signal is emitted when a scroll up action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onScrollUpAction.


toggleAction()

This signal is emitted when a toggle action is received from an assistive tool such as a screen-reader.

Note: The corresponding handler is onToggleAction.