# Web Accessibility

## Web Accessibility

Ptengine Experience provides popup and page editing features designed to enhance the user experience within websites.

By utilizing the keyboard input and alternative text editing features described below, we support improved website accessibility and more effective and efficient site operation.

## What is Web Accessibility

Web accessibility means that information and services provided on the Web can be used by anyone, regardless of the presence or degree of disability, age, or usage environment, and refers to the level of such accessibility.

By improving website accessibility, it also promotes search engine crawlers' understanding of page content and is said to strengthen SEO.

Additionally, in Japan, due to legal reforms, private companies are required to comply with Web accessibility standards on their websites within three years from June 4, 2021.

> **SUCCESS** **Note:** A state where Web accessibility is ensured is specifically characterized by:
>
> * Information is transmitted and can be operated even if one cannot see
> * Operation is possible using only the keyboard
> * Information is not lost even if some colors cannot be distinguished
> * For audio and video content, it is clear what is being said even if the audio cannot be heard

※ Source: Digital Agency "Introduction to Web Accessibility Guidebook" (<https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook/>)

## Keyboard Input

In popups and fixed bars placed with Ptengine Experience's Web engagement features, the following actions are possible through keyboard operation.

* Close popups
* Answer forms

This enables site visitors to view and operate Web engagement content without using a mouse.

This feature does not require any configuration on the Ptengine user's side and is available for all popups and fixed bars.

### **Form Response Steps**

1. Press the Esc key to display the popup.
2. Press the Tab key to move focus to the selected input field.
3. Use the up and down arrow keys to select items from the dropdown menu and press Enter to confirm.

### **Steps to Close Popups:**

1. Use the Esc key and Tab key to move focus to the close button in the upper right.
2. Press the Enter key to close the popup.

### Keyboard Input Details

* **Tab Key:** Allows you to move focus to or select elements on popups/fixed bars.
* **Shift + Tab Key:** Allows you to undo the action performed with the Tab key.
* **Enter Key:** Functions like a left-click with the mouse. Used for confirmation.
* **Up/Down Arrow Keys:** Allows you to select items from the dropdown menu.
* **Esc Key:** Allows you to move focus to the currently displayed popup or fixed bar.

## Setting Alternative Text (Alt)

In the editor for Web engagement and page editing, you can set alternative text (alt tag, alt attribute) for image elements. For information on how to set it, please see the article [here](/en/faq/experience-edit/web-accessibility.md).

Alternative text (alt tag, alt attribute) is text that describes the meaning and context of an image on a website. Setting it provides the following benefits:

* It is displayed when image loading fails due to network or resource errors.
* It enables browsing of websites using screen reader software.
* It promotes search engine crawlers' understanding of web page content and is said to strengthen SEO.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helps.ptengine.com/en/faq/experience-edit/web-accessibility.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.