Information processing system, information processing method and information processing program

Abstract

To provide an information processing system causing a screen reader to read out a display screen displaying a text superimposed on a background image in an easy-to-understand manner for users.SOLUTION: An information processing system 1 includes an image display element Eg, a text display element Et and a readout text arrangement element Er. The image display element Eg is assigned with access information for accessing to a background image G, and displays the background image G. The text display element Et displays a display text Td, superimposing it on a prescribed area of the background image G. The readout text arrangement element Er arranges a readout text Tr readable by the screen reader Sr, with it superimposed on the background image G adjacent to the display text Td in a substantially non-display state on the display screen Sc.SELECTED DRAWING: Figure 2

Description

[Technical Field]

[0001] The present invention relates to an information processing system, an information processing method, and an information processing program that causes a screen reader to read out aloud information displayed on a screen. [Background technology]

[0002] Conventionally, information processing devices such as PCs and smartphones use web browsers to interpret structured documents such as HTML data received from a server and display text, images, links, tables, etc. on the screen. By using structured documents such as HTML data, information processing devices can, for example, display a background image generated by imaging a form and superimpose text on the displayed background image to display it as an integrated image.

[0003] A screen reader reads the HTML data used to display the screen of a web browser, converts the text contained in the HTML data into audio, and outputs it so that the user can understand the displayed content without having to look at the screen.

[0004] For example, Patent Publication No. 2021-190029 discloses an information processing system that identifies a display unit of HTML data that includes elements specified in a display request from a terminal device, extracts objects to be read aloud within the display unit, combines the objects to be read aloud to generate voice label information that can be read aloud, and assigns the voice label information to each element within the display unit to generate HTML data to be displayed on the terminal device. [Prior art documents] [Patent documents]

[0005] [Patent Document 1] Patent Publication No. 2021-190029 Summary of the Invention [Problem to be solved by the invention]

[0006] However, in conventional information processing systems, for example, when text is superimposed on a background image and displayed in a web browser, and a screen reader reads out the text contained in the HTML data, the visualized information contained in the background image is not read out, making it difficult for users to understand the content just by listening to the audio being read out.

[0007] Therefore, an embodiment of the present invention aims to provide an information processing system, an information processing method, and an information processing program that can have a screen reader read out a display screen in which text is superimposed on a background image in a way that is easy for the user to understand. [Means for solving the problem]

[0008] An information processing system according to an embodiment includes an image display element, a text display element, and a reading text placement element. The image display element is provided with access information for accessing a background image and displays the background image. The text display element displays display text superimposed on a predetermined area of ​​the background image. The reading text placement element is superimposed on the background image and places reading text that can be read aloud by a screen reader adjacent to the display text on the display screen in a substantially invisible state.

[0009] An information processing method according to an embodiment includes the steps of: providing an image display element that is provided with access information for accessing a background image and that displays the background image; providing a text display element that displays display text superimposed on a predetermined area of ​​the background image; and providing a reading text placement element that is superimposed on the background image and that places reading text that can be read aloud by a screen reader adjacent to the display text on a display screen in a substantially invisible state.

[0010] An information processing program according to an embodiment causes a computer to execute a structured document having an image display element that is provided with access information for accessing a background image and that displays the background image, a text display element that displays display text superimposed on a predetermined area of ​​the background image, and a reading text placement element that is superimposed on the background image and that places reading text that can be read aloud by a screen reader adjacent to the display text on a display screen in a substantially invisible state. [Effects of the Invention]

[0011] According to an embodiment of the present invention, an information processing system, an information processing method, and an information processing program can be provided that can cause a screen reader to read out a display screen in which text is superimposed on a background image in a manner that is easy for the user to understand. [Brief explanation of the drawings]

[0012] [Figure 1] 1 is a block diagram illustrating an example of the overall configuration of an information processing system according to an embodiment. [Figure 2] 1 is a block diagram illustrating an example of an internal configuration of an information processing system according to an embodiment. [Figure 3] FIG. 2 is a schematic diagram showing an example of a background image displayed by a background image unit in the information processing system according to the embodiment. [Figure 4] FIG. 2 is a partial enlarged view of a background image displayed by a background image unit in the information processing system according to the embodiment. [Figure 5] FIG. 2 is a partial enlarged view of a display screen in which display text is superimposed on a background image in the information processing system according to the embodiment. [Figure 6] 10A and 10B are diagrams illustrating an example of HTML data generated by a background image portion and a text portion in the information processing system according to the embodiment. [Figure 7] 10 is a diagram showing an example of a code of the class visually-hidden that the text portion applies to the reading text layout element in the information processing system according to the embodiment. FIG. [Figure 8] 10 is a flowchart showing an example of an HTML data generation process in the information processing system according to the embodiment. DETAILED DESCRIPTION OF THE INVENTION

[0013] Hereinafter, embodiments will be described with reference to the drawings.

[0014] FIG. 1 is a block diagram showing an example of the overall configuration of an information processing system 1. As shown in FIG.

[0015] As shown in FIG. 1, the information processing system 1 includes a server 10 and a terminal device 20. One or more terminal devices 20 can be provided, and can be connected to the server 10 via a network such as a LAN, the Internet, or mobile communications. The server 10 generates HTML data, which is a structured document, and transmits it to the terminal device 20. The terminal device 20 includes a web browser Wb, and can display a display screen Sc (a portion of which is illustrated in FIG. 5) based on the HTML data received from the server 10. The terminal device 20 also includes a screen reader Sr, and can convert text included in the HTML data used to display the display screen Sc into voice and read it out loud.

[0016] Fig. 2 is a block diagram showing an example of the internal configuration of the information processing system 1. Fig. 3 is a schematic diagram showing an example of a background image G displayed by the background image unit P2. Fig. 4 is a partial enlarged view of the background image G.

[0017] The server 10 includes a control unit 11 and a storage unit 12 .

[0018] The control unit 11 has a processing unit such as a CPU, and executes a program read from the storage unit 12 to realize its functions.

[0019] The storage unit 12 has storage elements such as a ROM, a RAM, an HDD, and an SSD, and stores programs constituting various processing units for controlling the server 10, as well as various pieces of information used in the programs. For example, the storage unit 12 stores programs for a display text acquisition unit P1, a background image unit P2, a text unit P3, and a business processing unit A (indicated by a two-dot chain line in FIG. 2), as well as a deletion text R and a background image G.

[0020] The display text acquisition unit P1 acquires, for example, display text Td, which includes basic information and amount information to be displayed on the web browser Wb, from a business processing unit A capable of executing transaction processing.

[0021] The business processing unit A records accounting information input by the user via the terminal device 20, performs processing such as journalization according to the accounting information, and is capable of outputting information relating to accounting forms.

[0022] The display text Td acquired by the display text acquisition unit P1 from the business processing unit A includes, for example, as shown in Figures 3 and 4, basic information to be set in each of the basic information entry fields K1 in the final tax return, such as the filer's "address" and "name", and amount information to be set in each of the amount entry fields K2 included in each of "income amount, etc.", "income amount, etc.", "amount to be deducted from income", "tax calculation", and "other".

[0023] FIG. 5 is a partial enlarged view of the display screen Sc in which the display text Td is superimposed on the background image G.

[0024] The text acquired from the business processing unit A may include, in part, letters, numbers, or symbols that are displayed in a predetermined area of ​​the background image G in an overlapping manner, and when deletion text R is stored in the storage unit 12 so as not to overlap with the background image G, the display text acquisition unit P1 acquires display text Td by deleting the deletion text R from the text acquired from the business processing unit A. The deletion text R is predetermined by the developer or user based on the overlapping portion Gp between the display text Td acquired from the business processing unit A and the background image G, and is stored in the storage unit 12.

[0025] 5, the last three digits of the amount, "000," are displayed in the overlapping portion Gp in the background image G, and the deletion text R "000" indicating the last three digits of the amount is stored in the storage unit 12. The display text acquisition unit P1 acquires the display text Td "1234" by deleting the last three digits of the amount shown in the deletion text R "000" from the text "1234000" acquired from the business processing unit A. If there are other overlapping portions Gp between the display text Td and the background image G, the other overlapping portions Gp are also processed in the same manner.

[0026] On the other hand, when the deleted text R is not included in the text acquired from the business processing unit A, the display text acquisition unit P1 acquires the display text Td based on that text.

[0027] Fig. 6 is a diagram showing an example of HTML data generated by a background image portion P2 and a text portion P3, and Fig. 7 is a diagram showing an example of code for the class visually-hidden.

[0028] The background image unit P2 assigns access information for accessing the background image G stored in the storage unit 12 to the image display element Eg of the HTML data so that the web browser Wb can display the background image G. More specifically, as shown in FIG. 6 , the background image unit P2 assigns a URL, which is access information for accessing the background image G stored in the storage unit 12, to the src attribute of the img tag, which is the image display element Eg included in the HTML data. The img tag applies a class c1 defined in CSS (Cascading Style Sheets) using the class attribute. The class c1 defines position: absolute, top: 0, left: 0, etc., to display the element in the upper left corner of the parent element. The img tag also specifies values ​​for the width attribute and the height attribute so that the background image G is displayed at a specified width and height. The specified width, specified height, and class c1 are empirically or experimentally adjusted by a developer or the like so that the background image G is displayed appropriately. That is, the image display element Eg is assigned access information for accessing the background image G.

[0029] The background image G is, for example, an image of an accounting form. Specifically, as shown in the schematic diagram of FIG. 3 and the enlarged view of FIG. 4, the background image G is image data of a tax return in an image format such as jpg. It includes a heading such as "Tax Return," basic information items L1 such as the filer's "Address" and "Name," basic information entry fields K1 corresponding to each basic information item L1, block titles L for basic information such as "Income Amount, etc.", "Income Amount, etc.", "Amount to be Deducted from Income," "Tax Calculation," and "Other," amount items L2 included in each block, and amount entry fields K2 corresponding to each amount item L2. An image of a number such as "000" may be displayed in advance in the amount entry fields K2.

[0030] The text part P3 generates a text element E including one or more reading text layout elements Er and one or more text display elements Et.

[0031] 6, text element E has a reading text layout element Er corresponding to a heading in background image G. The reading text layout element Er is superimposed on background image G and is substantially hidden on the display screen Sc. Specifically, the reading text layout element Er is arranged so that the reading text Tr corresponding to the heading sandwiched between a start tag and an end tag is substantially hidden by an h3 tag to which the class visually-hidden defined in CSS by the class attribute is applied, and is made the target for reading by the screen reader Sr.

[0032] In the example shown in Figure 7, the class visually-hidden sets the width and height of the reading text Tr element to 1px each, hides any part that exceeds the size of the element using overflow: hidden, positions the element in a position relative to the parent element using position: absolute, and trims the element to 1px square using clip: rect(1px 1px 1px 1px), making the reading text Tr small enough that it is not actually displayed on the screen.

[0033] Returning to Figure 6, the main text following the heading and image display element Eg includes a definition list tag dl to which class c2 is applied by the class attribute, and a term tag dt and a definition tag dd, which are child elements of the definition list tag dl. The class c2 is defined in CSS after formatting information such as margins has been adjusted empirically or experimentally by a developer or the like so that the content of the definition list tag dl is displayed appropriately.

[0034] The reading text layout element Er provided by the term tag dt places the reading text Tr that can be read aloud by the screen reader Sr adjacent to the display text Td. Specifically, the reading text layout element Er places the reading text Tr by the term tag dt to which the class visually-hidden defined in CSS by the class attribute is applied, so that the reading text Tr is adjacent to and in front of the display text Td that the definition tag dd described below displays on the display screen Sc.

[0035] The reading text Tr can include the block title L and the amount item L2. For example, in the example of Fig. 7, the reading text Tr is "Tax Calculation (Taxable Income Amount)", which combines the title L "Tax Calculation" and the amount item L2 "(Taxable Income Amount)".

[0036] Returning to Figure 6, the definition tag dd has the class c3 defined in CSS applied to it by the class attribute. Class c3 includes position: absolute so that the display text Td is positioned relative to the parent element. Other properties of class c3 are adjusted empirically or experimentally by developers and defined in CSS. Additionally, the style attribute of the definition tag dd uses the left and top properties to position the display text Td at a specified position relative to the top left corner of the parent element, text-align: right to align the display text Td to the right, transform: none to initialize the transformation for the element, and display: block to display the element as a block.

[0037] In the example of Figure 6, the specified positions indicated by the value x of the left property and the value y of the top property are the display positions of each of the display text Td corresponding to each of the specified areas (basic information entry field K1, amount entry field K2) in the background image G, and are adjusted empirically or experimentally by developers, etc., and stored in the memory unit 12.

[0038] The div tag div1 is created as a child element of the definition tag dd, and the class c4 is applied using the class attribute. The class c4 is adjusted empirically or experimentally by developers, for example by setting position: relative, so that the display text Td and the reading text Tr are positioned next to each other, and is then defined in CSS.

[0039] The text display element Et displays the display text Td superimposed on a predetermined area of ​​the background image G. More specifically, the div tag div2 is provided as a child element of the div tag div1, and the class c5 defined in CSS by the class attribute is applied to the display text Td "1234" sandwiched between the span tags span. The class c5 is defined in CSS by developers or others who have empirically or experimentally adjusted formatting information such as color so that the display text Td is displayed appropriately. Here, font-size, padding, etc. may also be set by the style attribute (not shown).

[0040] When the display text Td has a portion of its rear side deleted, the text display element Et displays the display text Td "1234" on the display screen Sc with the deleted text R deleted. The reading text placement element Er places the reading text Tr (deleted text R) "000" on the display screen Sc so that it is adjacent to and behind the text display element Et.

[0041] Specifically, the text part P3 sandwiches the reading text Tr (deleted text R) between the span tags span, and applies the class "visually-hidden" to it using the class attribute. The span tag span is placed as a child element of the div tag div1, following the element defined in the div tag div2. This places the reading text Tr (deleted text R) adjacent to the rear of the display text Td.

[0042] Returning to FIG. 2, the terminal device 20 is, for example, an information terminal such as a personal computer or a smartphone, and includes a terminal control unit 21, a terminal storage unit 22, an instruction input unit 23, and a display unit 24.

[0043] The terminal control unit 21 has a processing unit such as a CPU, and executes a program read from the terminal storage unit 22 to realize its functions.

[0044] The terminal storage unit 22 has storage elements such as a ROM, a RAM, an HDD, and an SSD, and stores various information for controlling the terminal device 20 and programs constituting various processing units. For example, the terminal storage unit 22 stores programs for a web browser Wb that displays various information received from the server 10 on the display unit 24, and a screen reader Sr.

[0045] The web browser Wb generates a display screen Sc based on the HTML data acquired from the server 10, and displays it on the display unit 24.

[0046] The screen reader Sr sequentially acquires elements to be read aloud and converts them into voice based on the HTML data that is the source of the display screen Sc displayed on the display unit 24. For example, the screen reader Sr sequentially acquires the display text Td and the reading text Tr between the start tag and the end tag and converts them into voice.

[0047] The instruction input unit 23 has input devices such as a keyboard and a mouse, and outputs various instruction inputs input by the user to the terminal control unit 21.

[0048] The display unit 24 is configured with an LCD, LED, OLED, etc., and is capable of displaying various types of information input from the terminal control unit 21.

[0049] Under the control of the terminal control unit 21, the audio output unit 25 outputs the audio converted by the screen reader Sr to the outside.

[0050] (operation) Next, the operation of the information processing system 1 will be described.

[0051] FIG. 8 is a flowchart showing an example of the HTML data generation process.

[0052] As shown in Fig. 8, the text section P3 generates in the HTML data a reading text layout element Er (S1) that includes a reading text Tr corresponding to the heading of the background image G. In the example of Fig. 7, the reading text Tr corresponding to the heading is "Income Tax and Special Income Tax for Reconstruction Declaration Form (Forms 1 and 2) / Form 1."

[0053] The background image unit P2 provides the image display element Eg with an access means for accessing the background image G (S2).

[0054] The display text acquisition unit P1 acquires text from the business processing unit A (S3). If the text does not contain the deleted text R (S4: NO), it generates a reading text placement element Er for placing the reading text Tr and a text display element Et for displaying the display text Td based on the text so as to be adjacent to the reading text Tr on the screen (S5), and proceeds to S9.

[0055] When the text contains deleted text R (S4: YES), the text unit P3 deletes the deleted text R from the text to obtain displayed text Td (S6). S7 is the same as S5, so a description thereof will be omitted. The text unit P3 generates a reading text layout element Er that places the deleted text R as reading text Tr adjacent to the displayed text Td displayed on the display screen Sc (S8).

[0056] If the generation of text element E remains, the process returns to S3, and the next text is acquired from the business processing unit A (S9: NO). When the generation of all text elements E is completed, the HTML data generation process ends (S9: YES).

[0057] As a result, the server 10 generates HTML data having an image display element Eg that displays the background image G, a text display element Et that displays the display text Td superimposed on a predetermined area of ​​the background image G, and a reading text placement element Er that places the reading text Tr that can be read by the screen reader Sr superimposed on the background image G and adjacent to the display text Td in a substantially hidden state on the display screen Sc. The HTML data is transmitted to the terminal device 20, and the web browser Wb displays the display screen Sc on the display unit 24.

[0058] When the screen reader Sr starts reading out the display screen Sc, it reads HTML data from the web browser Wb, converts the reading text Tr corresponding to the heading into speech, and outputs and reads it from the speech output unit 25. Next, the screen reader Sr reads out each of the reading texts Tr corresponding to each of the basic information items L1 and each of the display texts Td displayed in each of the basic information entry fields K1. Next, the screen reader Sr reads out each of the reading texts Tr combining the block title L and the amount item L2 and each of the display texts Td displayed in each of the amount entry fields K2. Then, if the deletion text R has been deleted from the display text Td, it reads out the reading text Tr (deletion text R).

[0059] According to the embodiment, the information processing system 1 can cause the screen reader Sr to read out the display screen Sc, which displays the display text Td superimposed on the background image G, in a manner that is easy for the user to understand.

[0060] In the description of the embodiment, HTML data is used as an example of a structured document, but the structured document is not limited to this and may be another structured document such as XML.

[0061] In the description of the embodiment, the background image G is an example of a tax return, but this is not limited to this, and the background image G may be an image representing a financial statement, an appendix to a calculation statement, or other document, or it may be an image related to a homepage other than a document, a news article, etc.

[0062] In the description of the embodiment, it has been explained that the display text acquisition unit P1 can acquire display text Td that includes amount information and basic information calculated by the business processing unit A that can execute accounting processing, but this is not limited to this, and the display text acquisition unit P1 may acquire amount information and basic information input by the user via the terminal device 20, or may acquire display text Td of amounts, etc. input or calculated by other means. Furthermore, the business processing unit A may be an external business application, or may be capable of executing personnel and labor processing or other processing other than accounting processing.

[0063] In the embodiment, the image format of the background image G is jpg, but the image format is not limited to jpg and may be png, gif, tiff, or other formats.

[0064] In the description of the embodiment, an example was given in which the text element E was defined by a definition list tag dl, a term tag dt, and a definition tag dd, but the text element E is not limited to this and may be defined by other tags.

[0065] In the embodiment, an example has been described in which the reading text Tr, which combines the block title L and the amount item L2, and the display text Td displayed in the amount entry field K2 are read out, but if the display text Td is not displayed, the reading out of the reading text Tr may be skipped. This allows the information processing system 1 to shorten the reading time.

[0066] That is, the information processing system 1 is provided with a structured document having an image display element Eg that is provided with access information for accessing the background image G and that displays the background image G, a text display element Et that displays display text Td superimposed on a predetermined area of ​​the background image G, and a reading text placement element Er that is superimposed on the background image G and places reading text Tr that can be read aloud by a screen reader Sr adjacent to the display text Td in a substantially hidden state on the display screen Sc.

[0067] The background image G is an image of a form, and has an amount item L2 and an amount entry field K2 corresponding to the amount item L2, and the predetermined area is the area in which the amount entry field K2 is displayed.

[0068] The background image G has a block having a plurality of amount items L2 and amount entry fields K2 corresponding to the amount items L2, and a block title L, and the reading text Tr includes the block title L and amount items L2.

[0069] The storage unit 12 stores deletion text R to be deleted from the display text Td. When the deletion text R stored in the storage unit 12 is included in the text acquired from the business processing unit A, the display text acquisition unit P1 acquires the display text Td by deleting the deletion text R from the text. The text display element Et arranges the display text Td from which the deletion text R has been deleted on the display screen Sc. The reading text arrangement element Er arranges the deletion text R as reading text Tr on the display screen Sc so as to be adjacent to and behind the text display element Et.

[0070] The background image G is an image of an accounting document, and includes at least one of a final tax return, a financial statement, or an appendix to a statement of accounts.

[0071] The information processing method includes the steps of providing an image display element Eg that is provided with access information for accessing a background image G and that displays the background image G; providing a text display element Et that is superimposed on a predetermined area of ​​the background image G and displays display text Td; and providing a reading text placement element Er that is superimposed on the background image G and that places reading text Tr that can be read aloud by a screen reader Sr adjacent to the display text Td on the display screen Sc in a substantially hidden state.

[0072] The information processing program causes a computer to execute a structured document having an image display element Eg that is assigned access information for accessing a background image G and that displays the background image G, a text display element Et that displays display text Td superimposed on a predetermined area of ​​the background image G, and a reading text placement element Er that is superimposed on the background image G and that places reading text Tr that can be read aloud by a screen reader Sr adjacent to the display text Td in a substantially hidden state on the display screen Sc.

[0073] The information processing program causes a computer to execute code for generating a structured document having an image display element Eg that is assigned access information for accessing a background image G and displays the background image G, a text display element Et that displays display text Td superimposed on a predetermined area of ​​the background image G, and a reading text placement element Er that is superimposed on the background image G and places reading text Tr that can be read aloud by a screen reader Sr adjacent to the display text Td in a substantially hidden state on the display screen Sc.

[0074] As described above, the embodiments of the present invention have been described, but the embodiments are not limited to these, and various changes, modifications, etc. are possible within the scope that does not change the gist of the present invention.

[0075] Furthermore, the order of execution of each step of each procedure in the embodiments may be changed, multiple steps may be executed simultaneously, or the steps may be executed in a different order each time, as long as this does not contradict the nature of the steps. Furthermore, all or part of the steps of each procedure in the present embodiment may be realized by hardware or by a program. [Explanation of symbols]

[0076] 1. Information Processing System 10. Server 11 Control section 12...Storage section 20. Terminal device 21 Terminal control unit 22. Terminal memory section 23 Instruction input section 24...Display section 25 Audio output section A. Business Department E...Text Element Eg. Image display element Er... Reading text placement element Et...Text display element G···Background Image Gp...overlapping part K1...Basic information entry field K2: Amount entry field L...Title L1...Basic information items L2...Amount item P1: Display text acquisition section P2: Background image section P3...Text section R...Deleted text Sc...Display screen Sr...Screen Reader Td...Display Text Tr...Read-aloud text Wb...Web browser

Claims

1. an image display element to which access information for accessing a background image is assigned and which displays the background image; a text display element that displays a display text superimposed on a predetermined area of ​​the background image; a reading text layout element that is superimposed on the background image and that lays out a reading text that can be read by a screen reader adjacent to the display text on the display screen in a substantially invisible state; a structured document having: Information processing system.

2. the background image is an image of a form, and has an amount item and an amount entry field corresponding to the amount item, The predetermined area is an area in which the amount entry column is displayed.

2. The information processing system according to claim 1.

3. the background image includes a block having a plurality of the amount items and the amount entry fields corresponding to the amount items, and a title of the block; The reading text includes the title of the block and the amount item.

3. The information processing system according to claim 2.

4. A storage unit is included, the storage unit stores deletion text to be deleted from the display text; the display text acquisition unit, when the deleted text stored in the storage unit is included in the text acquired from the business processing unit, deletes the deleted text from the text and acquires the display text; the text display element places the displayed text with the deleted text deleted on the display screen; the reading text placement element places the deleted text as the reading text on the display screen adjacent to and behind the text display element; 2. The information processing system according to claim 1.

5. 2. The information processing system according to claim 1, wherein the background image is an image of an accounting form.

6. 5. The information processing system according to claim 4, wherein the background image includes at least one of a final tax return, a financial statement, or an appendix to a statement of accounts.

7. generating the structured document; 2. The information processing system according to claim 1.

8. providing an image display element having access information for accessing a background image and displaying said background image; providing a text display element that displays display text superimposed on a predetermined area of ​​the background image; providing a reading text layout element that is superimposed on the background image and that lays out reading text that can be read by a screen reader adjacent to the displayed text on the display screen in a substantially invisible state; An information processing method comprising:

9. an image display element to which access information for accessing a background image is assigned and which displays the background image; a text display element that displays a display text superimposed on a predetermined area of ​​the background image; a reading text layout element that is superimposed on the background image and that lays out a reading text that can be read by a screen reader adjacent to the display text on the display screen in a substantially invisible state; An information processing program that causes a computer to execute a structured document having the following structure:

10. an image display element to which access information for accessing a background image is assigned and which displays the background image; a text display element that displays a display text superimposed on a predetermined area of ​​the background image; a reading text layout element that is superimposed on the background image and that lays out a reading text that can be read by a screen reader adjacent to the display text on the display screen in a substantially invisible state; An information processing program that causes a computer to execute code for generating a structured document having the structured document.

Images