Qt Quick Examples - Accessibility

This example demonstrates the implementation of accessible buttons.

Accessibility demonstrates QML types that are augmented with meta-data for accessibility systems. For more information, visit the Accessibility page.

Running the Example

You can run the example from:

  • Qt Creator

    Open the Welcome mode and select the example from Examples. For more information, see Qt Creator: Tutorial: Build and run.

  • Qt Extension for Visual Studio Code

    Run the Qt: Open Qt examples command from the Command Palette, and select the example from the list. For more information, see Qt Extension for Visual Studio Code: Tutorial: Build and run.

Implementing Accessible Buttons

The button identifies itself and its functionality to the accessibility system:

 Accessible.name: text
 Accessible.description: "This button does " + text
 Accessible.role: Accessible.Button
 Accessible.onPressAction: {
     button.clicked()
 }

Similarly, Text types inside the example also identify themselves:

 Accessible.role: Accessible.StaticText
 Accessible.name: text

Example project @ code.qt.io