# Lynx > Accessibility (A11y) refers to the design concept of building accessibility through technical means to ensure that mobile applications can be equally accessed by all kinds of people. ## Pages - [Accessibility](accessibility.md): Accessibility (A11y) refers to the design concept of building accessibility through technical means to ensure that mo... - [`AGENTS.md` for Lynx](agentsmd.md): The [`AGENTS.md`](https://agents.md) file is similar to`README.md`, but it's for agents. - [Motion](animation.md): Lynx offers extensive motion capabilities, allowing developers to create more modern, smooth, and intuitive user inte... - [Documenting APIs](api.md): The Lynx documentation relies on a structured system to ensure API references are accurate and consistent. - [Visual Appearance](appearance.md): You can do a lot creative things with background and borders. Using [`background-image`](/api/css/properties/backgrou... - [Static Assets](assets.md): Powered by Rsbuild, Rspeedy supports using static assets, including images, fonts, audios and videos. - [My New Blog Post](blog.md): The Lynx website hosts a blog to share updates, tutorials, and announcements. - [Build Profiling](build-profiling.md): Performing a performance analysis can help you identify performance bottlenecks in your project, allowing for targete... - [CLI](cli.md): Rspeedy comes with a lightweight CLI that includes commands such as`dev`and`build`. - [Code Splitting](code-splitting.md): Rspack supports code splitting, which allows splitting the code into other chunks. You have the full control about si... - [Compatibility](compatibility.md): This article explains how to ensure version compatibility between [Bundle] and [Lynx Engine], and how to handle chall... - [MDX Components Reference](components.md): This page serves as a reference for the custom components available in the Lynx documentation. You can import these f... - [Custom properties (`--*`): CSS variables](css-variable.md): CSS variables, are defined with a specific syntax (e.g.,`--main-color: black;`) and their values are accessed using ... - [Custom Element](custom-native-component.md): If the built-in elements do not meet your requirements, you can extend Lynx's capabilities by creating custom native ... - [Theming](custom-theming.md): Lynx supports a wide range of [CSS properties](/api/css/properties.md), enabling seamless integration with [CSS selec... - [API Status Dashboard Guide](dashboard.md): :::tip - [Data Fetching](data-fetching.md): Whether fetching static content from a remote server or interacting with a REST API, ReactLynx applications often nee... - [Lynx DevTool](devtool.md): Lynx DevTool is a collection of performance and debugging tools for Lynx apps. - [Composing Elements](elements-components.md): A Lynx page may contain various visual elements such as text and images, presented in different layouts to create div... - [Event Handling](event-handling.md): Lynx provides an event mechanism similar to the Web, allowing developers to design and implement custom interaction l... - [Event Propagation](event-propagation.md): When an event is triggered, it will propagate along the event response chain. If the corresponding type of event hand... - [Managing Interactive Examples (``)](example.md): Interactive examples allow users to preview and edit code directly in the documentation. This guide explains how to m... - [Exposure Ability](exposure-ability.md): The exposure capability provides a capability to observe changes in the visibility of a target node. When a target no... - [Flexible Box Layout](flexible-box-layout.md): If you need to make the size of child elements adapt to the space of the parent element (such as expanding child elem... - [``](frame.md): A page element similar to HTML's``, which can embed a Lynx page into the current page. - [Glossary](glossary.md): {/* import { Toc } from '@theme'; */} - [Grid Layout](grid-layout.md): If you want a responsive layout where multiple elements are staggered both vertically and horizontally, the **grid la... - [Instant First-Frame Rendering (IFR)](ifr.md): Lynx supports "Instant First-Frame Rendering", which means that your page can display content directly when it is loa... - [``](image.md): Used to display different types of images, including web images, static resources, and locally stored images. - [JavaScript Runtime](index.md): One of biggest features of Lynx is [Dual-Thread Architecture](/guide/spec.md#scripting-facing-threading-abstraction)(... - [``](input.md): ``is used to create interactive input controls that allow users to input and edit single-line text. - [Integrate Lynx development version](integrate-lynx-dev-version.md): During Lynx page development, you can use the Trace and Lynx Recorder tools for debugging, analysis, and locate issues. - [Advanced DevTool Configurations](integrate-lynx-devtool-advanced.md): We provide a switch page that helps you quickly view or set DevTool. If you want, you can integrate it into your app ... - [Integrating Lynx DevTool](integrate-lynx-devtool.md): When encountering issues during Lynx page development, you can use [DevTool](/guide/devtool/panels.md) for debugging. - [Integrate with Existing Apps](integrate-with-existing-apps.md): Currently, Lynx is not suitable for building a new application from scratch. You need to integrate Lynx (engine) with... - [Internationalization](internationalization.md): **Internationalization** (i18n) refers to the design and development of products and applications to enable **localiz... - [Intersection Observer](intersection-observer.md): The intersection observer provides a method to observe the intersection status between the target node and the refere... - [What is ReactLynx?](introduction.md): ReactLynx is the official React framework for Lynx. It allows you to develop Lynx native apps with a React mental model. - [Jotai](jotai.md): [Jotai](https://jotai.org) takes an atomic approach to global React state management. - [Rendering Process and Lifecycle](lifecycle.md): Due to Lynx's dual-thread architecture, ReactLynx's rendering process and component lifecycle differ from traditional... - [Linear Layout](linear-layout.md): If you want to arrange children sequentially without dealing with the complexities of [flexible box](/guide/ui/layout... - [List](list.md) - [What’s new in Lynx 3.2](lynx-3-2.md): _May 14th, 2025_ - [Lynx 3.4: HarmonyOS Support, Trace and Recorder, Text Input Elements](lynx-3-4.md): _September 3rd, 2025_ - [Lynx 3.5: Main Thread Script, React Compiler, HarmonyOS Improvements](lynx-3-5.md): _November 10th, 2025_ - [animate()](lynx-animate-api.md): Use`animate()`to set a [CSS Animation](/api/css/properties/animation.md) on UI elements. - [Lynx DevTool MCP](lynx-devtool-mcp.md): Lynx DevTool MCP is a [Model Context Protocol (MCP) server](https://modelcontextprotocol.io/docs/learn/server-concept... - [Lynx Docs MCP](lynx-docs-mcp.md): A MCP Server providing docs for LLMs from [Lynx official site](https://lynxjs.org/), with carefully designed prompting. - [Announcing Lynx for HarmonyOS](lynx-harmony.md): _September 25, 2025_ - [Lynx Roadmap 2025](lynx-open-source-roadmap-2025.md): _March 19th, 2025_ - [Lynx: Unlock Native for More](lynx-unlock-native-for-more.md): _March 5th, 2025_ - [Element](main-thread-element.md): `MainThread.Element`represents an element. You can access or modify the element's properties in main thread scripts. - [Main Thread Runtime](main-thread-runtime.md): The main thread uses PrimJS as the runtime engine. PrimJS is a lightweight, high-performance JavaScript engine design... - [Main Thread Script](main-thread-script.md): The Main Thread Script is a JS script that can be executed on the main thread. The most common use cases for the main... - [Direct Manipulation of Elements](manipulating-elementreact.md): In daily development, modern front-end frameworks handle most element tree and node property updates for us. However,... - [Networking](networking.md): Many mobile apps need to load resources from remote URLs. You might want to make a POST request to a REST API or fetc... - [NodesRef: invoke() method](nodes-ref-invoke.md): Execute the UI method of the selected node. - [NodesRef: setNativeProps() method](nodes-ref-set-native-props.md): Directly set the attributes of the selected node. - [NodesRef](nodes-ref.md): Represents a reference to one or more UI nodes. It can be used to invoke UI methods, get and set properties on UI nodes. - [Output Files](output.md): This chapter will introduces the directory structure of output files and how to control the output directory of diffe... - [``](page.md): ``element is the root node, only one``element is allowed per page. You can omit the explicit``... - [Tutorial: Payment Details](payment-details.md): After completing the [Gallery](/guide/start/tutorial-gallery.md) tutorial, you should have mastered the basics of Lyn... - [Plugin](plugin.md): Rsbuild provides a powerful plugin system that allows for user extension. - [Quick Start](quick-start.md): Welcome to the Lynx documentation! We will create a Lynx project and start developing. - [React Compiler ](react-compiler.md): [React Compiler](https://react.dev/learn/react-compiler) can optimize components at compile time, eliminating the nee... - [React Router](react-router.md): React Router enables "single page routing". - [ReactLynx Testing Library](reactlynx-testing-library.md): The [`@lynx-js/react/testing-library`](/api/reactlynx-testing-library/index.md) package provides the same set of APIs... - [Relative Layout ](relative-layout.md): If you want a layout that allows easily control the relative position between the parent and children or between the ... - [Module Resolution](resolve.md): In modern front-end development, modularity has become a key approach to managing code effectively: - [Runtime Profiling](runtime-profiling.md): Following the instruction of [Record Trace](/guide/devtool/trace/record-trace.md) to profiling Lynx. - [``](scroll-view.md): Basic scrolling component supporting both horizontal and vertical scrolling. When its content area is larger than its... - [Managing Scrolling](scrolling.md): Overflow behavior occurs when the content of an element (its own content and child elements) exceeds the size of the ... - [SelectorQuery: exec() method](selector-query-exec.md): Execute all submitted operations. Note that no node search and UI operations will actually be executed until`exec()`... - [SelectorQuery: select() method](selector-query-select.md): Select the first node that matches the specified selector in the descendants of the root node specified in`SelectorQ... - [SelectorQuery](selector-query.md): Gets a reference to the specified node in order to call its methods or get its properties. - [Storage](storage.md) - [Styling with CSS](styling.md): Cascading Style Sheets (CSS) are used to style and layout Lynx pages. For example, you can change the font, color, si... - [Multi-Subsite Architecture](subsite.md): The Lynx website operates as a collection of "mini-subsites" (e.g., **Lynx**, **ReactLynx**, **Rspeedy**) housed with... - [TanStack Router](tanstack-router.md): Modern and scalable routing for React applications. - [Typography](text-and-typography.md): In Lynx, the text content needs to be written inside the [``](/api/elements/built-in/text.md) element. This is ... - [``](text.md): ``is a built-in element in Lynx used to display text content. It supports specifying text style, binding click... - [`