WO2024021711A1 - Dynamic internet content accessibility transformation method and apparatus, and website content accessibility transformation method - Google Patents

Abstract

The present invention relates to the technical field of information. Disclosed are a dynamic Internet content accessibility transformation method and apparatus, and a website content accessibility transformation method. The dynamic Internet content accessibility transformation method is applied to a webpage, and comprises: step 1, capturing source codes from a webpage, and positioning all codes which do not meet a preset standard, and positions corresponding to the codes; step 2, classifying all the codes according to a preset classification standard, wherein all the codes are classified into four types involving automatic transformation, configuration transformation, auxiliary transformation and artificial transformation; step 3, automatically changing the codes according to the preset standard, such that the codes meet the preset standard, and presenting, in a changeable state, artificial codes which cannot be automatically changed; and step 4, collecting the changed artificial codes and the automatically changed codes, and updating the webpage. The present invention is applicable to accessibility transformation of a webpage.

Description

Dynamic Internet content accessibility transformation method and device and website content accessibility transformation method

This application requests the priority of the Chinese patent application submitted to the China Patent Office on July 26, 2022, with the application number 202210882393.8 and the invention title "Dynamic Internet Content Accessibility Transformation Method and Device and Website Content Accessibility Transformation Method", which The entire contents are incorporated herein by reference.

Technical field

The invention discloses a method and device for barrier-free transformation of dynamic Internet content and a method for barrier-free transformation of website content, which relate to the field of information technology, specifically to the technical field of barrier-free access to Internet content.

Background technique

Currently, the implementation of barrier-free websites that comply with national standards mainly involves transforming the column templates of the website content management system one by one according to the technical indicators in the national standards to achieve website accessibility, which is called "network-wide accessibility transformation."

Problems existing in the existing network-wide barrier-free transformation technology include:

1. If users want to see the effect, it requires cumbersome user cooperation and a long implementation cycle.

2. The steps for website deployment and implementation are relatively cumbersome.

3. The website requires daily maintenance, but frequent replacement of maintenance personnel cannot continuously ensure that the website meets the standards in the future.

Contents of the invention

In response to the above problems, the technical solution provided by the present invention is:

The present invention provides a method for accessibility transformation of dynamic Internet content, which is applied to web pages. The method includes:

Step 1: Capture the source code in the webpage and locate all codes that do not meet the preset standards and the corresponding positions of the code;

Step 2: Classify all said codes according to preset classification criteria;

Step 3: Automatically change the code according to the preset standards so that the code meets the preset standards, And display manual code that cannot be automatically changed in a changeable state;

Step 4: Collect the changed manual code and the automatically changed code, and update the web page;

The specific step 2 is:

All the codes mentioned are divided into four categories: automatic transformation, configuration transformation, auxiliary transformation and manual transformation;

The automatic transformation includes: processing of commonly missing accessibility functions and common attributes and styles;

The configuration modification is: manually configured, configuring the location of the modified elements and accessibility indicators and functions;

The auxiliary transformation is as follows: the technicians will identify according to the system prompts and modify the code, element or location where the identification results indicate that there is a problem;

The artificial transformation is the artificial code, specifically: the barrier-free transformation code is written by technicians;

The four types of codes, namely automatic transformation, configuration transformation, auxiliary transformation and manual transformation, are combined into one transformation file. After running detection and verification, the transformation file is pushed to the page end of the web page.

Beneficial effects:

The dynamic Internet content accessibility transformation method provided by the present invention is used to provide barrier-free services for the website, which greatly improves the implementation efficiency and reduces the cost to one-tenth of the "entire network barrier-free transformation". The transformation process is driven by computer artificial intelligence. Personnel transform it to effectively ensure the quality of the transformation; computer artificial intelligence regularly scans and fixes problems to continuously ensure the compliance of the website.

Instructions with pictures

Figure 1 is a schematic flow chart of an embodiment of the method for accessibility transformation of dynamic Internet content according to the present invention.

Detailed ways

In order to make the advantages and benefits of the technical solutions provided by the present invention more clear, the technical solutions provided by the present invention are now described in further detail with reference to the accompanying drawings, specifically:

The method for barrier-free transformation of dynamic Internet content of the present invention is applied to web pages and includes:

Step 1: Capture the source code in the web page and locate all codes that do not meet the preset standards and the corresponding locations of the codes.

Step 2: Classify all codes according to the preset classification criteria, specifically:

All codes are divided into four categories: automatic transformation, configuration transformation, auxiliary transformation and manual transformation.

Automatically transformed to: include handling of commonly missing accessibility features and common attributes and styles.

Configuration transformation is: manual configuration, configuring the location of the transformed elements and accessibility indicators and functions.

The auxiliary transformation is: the technical personnel will check and identify according to the system prompts, and transform the codes, elements or locations that are found to have problems.

Manual transformation is manual code, specifically: technical personnel write barrier-free transformation code.

Step 3: Automatically change the code according to the preset standards so that the code meets the preset standards, and display the manual code that cannot be automatically changed in a changeable state.

That is: display the code that cannot be changed automatically in a changeable state, and name the code "manual code".

Step 4: Collect the changed manual code and automatically changed code, and update the web page; specifically:

Combine the four types of codes: automatic transformation, configuration transformation, auxiliary transformation and manual transformation into one transformation file. After running, detecting and verifying the transformation file, push it to the page end of the web page.

Preferably, the content in the automatic transformation includes: missing universal accessibility functions and universal styles.

Preferably, the content in the configuration transformation includes: codes that do not meet the position in the preset standards.

Preferably, the content in the auxiliary transformation includes: codes that cannot be directly determined whether they meet the preset standards in step 1.

Specifically, the auxiliary transformation part is used to indicate the location of the code that does not meet the preset standards and the configuration required for function operation.

Preferably, the manual modification part is modified using native JavaScript or jquery technology.

The invention also provides a device for barrier-free transformation of dynamic Internet content, which is applied to web pages. include:

The first module: used to crawl the source code in the web page and locate all codes that do not meet the preset standards and the corresponding positions of the codes.

The second module: used to classify all codes according to preset classification standards, specifically:

All codes are divided into four categories: automatic transformation, configuration transformation, auxiliary transformation and manual transformation.

Automatically transformed to: include handling of commonly missing accessibility features and common attributes and styles.

Configuration transformation is: manual configuration, configuring the location of the transformed elements and accessibility indicators and functions.

The auxiliary transformation is: the technical personnel will check and identify according to the system prompts, and transform the codes, elements or locations that are found to have problems.

Manual transformation is manual code, specifically: technical personnel write barrier-free transformation code.

The third module: used to automatically change the code according to the preset standards, so that the code meets the preset standards, and displays the manual code that cannot be automatically changed in a changeable state.

The fourth module: used to collect the changed manual code and automatically changed code, and update the web page; specifically:

Combine the four types of codes: automatic transformation, configuration transformation, auxiliary transformation and manual transformation into one transformation file. After the transformation file is run, detected and verified, it is pushed to the page end of the web page.

The present invention also provides a computer storage medium for storing computer programs. When the computer program stored in the storage medium is read by the computer, the computer executes the above-mentioned method for barrier-free transformation of dynamic Internet content.

The present invention also provides a computer, including a processor and a computer storage medium. When the computer program stored in the storage medium is read by the computer, the computer executes the above method for barrier-free transformation of dynamic Internet content.

Referring to Figure 1, the present invention also provides a website content accessibility transformation method, which uses the above dynamic Internet content accessibility transformation method to transform website content, specifically including:

1: Deploy the guided code to the user website, and the accessibility service hooking is completed.

After the user logs into the accessibility system and successfully registers the domain name, a JavaScript guide code for his or her own website can be automatically generated. Users can choose to download the JS code as a file to Locally, and then put it on the website server for reference. Users can copy and paste the code to the common bottom of the website. After the code takes effect and is successfully loaded, the entrance link can be added manually or the default icon access method can be used.

2: The dynamic accessibility transformation system will perform barrier-free transformation on the webpage where the code is introduced.

When 1 is deployed, the transformation part connects the introduced JS to the dynamic accessibility transformation system. The system will complete the transformation based on information accessibility standard indicators and level requirements through crawling and detection, analysis and classification, classification transformation, and code merging. The relevant standards are as follows:

International standard: WCAG (Web Content Accessibility Guidelines) 2.1; Domestic standard: GB/T 37668-2019 "Technical Requirements and Test Methods for Information Technology Internet Content Accessibility"

Transformation process:

1. Crawl detection: The accessibility transformation system automatically detects web pages based on accessibility standards. The system first captures the source code after the web page is loaded, and then retrieves, judges, and analyzes the source code based on standard indicators to locate and obtain inaccuracies. Standards-compliant code, elements, and locations.

2. Analysis and classification: The system analyzes and classifies the detection results; all codes are divided into automatic modification, configuration modification, auxiliary modification and manual modification.

3. Classification transformation: The system and technical personnel cooperate with each other to transform classification problems, as follows:

1) Automatic transformation: mainly the processing of commonly missing accessibility functions and common attributes and styles.

2) Configuration transformation: mainly configuration transformation element location, barrier-free indicators and functions.

3) Assisted transformation: After analysis, the system will prompt the codes, elements or locations that may have problems. The technicians will check and identify according to the system prompts. If there is indeed a problem, manual modification will be carried out.

4) Manual transformation: Technical personnel mainly write barrier-free transformation code. The transformation code is written using native JavaScript technology or introduced with the help of jquery plug-in library.

By adopting the present invention, Javascript technology can be used to directly perform dynamic modification in the page modification code.

4. Code merging: The transformation code includes automatic transformation, configuration transformation, auxiliary transformation and manual transformation. If the transformation efficiency needs to be improved, it can be completed by four technicians respectively. Finally, it must be merged into one transformation file, and the transformation file needs to be run and tested. and verification to ensure that the modified file will not affect the original website after running. The code of the file is JS code combined with some CSS and HTML code.

Push the transformed code to the page through the dynamic accessibility transformation system.

When a website clicks to turn on accessibility mode, the accessibility system will load different accessibility modification JavaScript codes according to different web page URLs. The code will dynamically modify the current web page that does not meet accessibility issues. When the code runs successfully, the page will meet the various index requirements of the national standards and complete the dynamic transformation.

Regularly scan the website to repair new and modified content to ensure continued compliance. Once implemented, you can customize the scan settings.

Claims (9)

1. A method for accessibility transformation of dynamic Internet content, applied to web pages, characterized in that the method includes:

   Step 1: Capture the source code in the webpage and locate all codes that do not meet the preset standards and the corresponding positions of the code;

   Step 2: Classify all said codes according to preset classification criteria;

   Step 3: Automatically change the code according to the preset standards so that the code meets the preset standards, and display the manual code that cannot be automatically changed in a changeable state;

   Step 4: Collect the changed manual code and the automatically changed code, and update the web page;

   The specific step 2 is:

   All the codes mentioned are divided into four categories: automatic transformation, configuration transformation, auxiliary transformation and manual transformation;

   The automatic transformation includes: processing of commonly missing accessibility functions and common attributes and styles;

   The configuration modification is: manually configured, configuring the location of the modified elements and accessibility indicators and functions;

   The auxiliary transformation is as follows: the technical staff will check and identify according to the system prompts, and transform the code, element or location where the identification result is problematic;

   The artificial transformation is the artificial code, specifically: the barrier-free transformation code is written by technicians;

   The specific step 4 is:

   The four types of codes, namely automatic transformation, configuration transformation, auxiliary transformation and manual transformation, are combined into one transformation file. After running detection and verification, the transformation file is pushed to the page end of the web page.
2. The dynamic Internet content accessibility transformation method according to claim 1, characterized in that the content in the automatic transformation includes: missing universal accessibility functions and universal styles.
3. The method for accessibility modification of dynamic Internet content according to claim 1, characterized in that the content in the configuration modification includes: codes that do not meet the position in the preset standards.
4. The method for accessibility transformation of dynamic Internet content according to claim 1, characterized in that the content in the auxiliary transformation includes: in step 1, it cannot be directly determined whether it meets Preset standard codes.
5. The method for accessibility transformation of dynamic Internet content according to claim 1, characterized in that the manual transformation part is modified using native javascript or jquery technology.
6. Dynamic Internet content accessibility transformation device, applied to web pages, is characterized in that the device includes:

   The first module: used to crawl the source code in the web page and locate all codes that do not meet the preset standards and the corresponding positions of the code;

   The second module: used to classify all the codes according to preset classification standards;

   The third module: used to automatically change the code according to the preset standards, so that the code meets the preset standards, and displays the manual code that cannot be automatically changed in a changeable state;

   The fourth module: used to collect the changed manual code and the automatically changed code, and update the web page;

   The second module is specifically:

   All the codes mentioned are divided into four categories: automatic transformation, configuration transformation, auxiliary transformation and manual transformation;

   The automatic transformation includes: processing of commonly missing accessibility functions and common attributes and styles;

   The configuration modification is: manually configured, configuring the location of the modified elements and accessibility indicators and functions;

   The auxiliary transformation is as follows: the technicians will identify according to the system prompts and modify the code, element or location where the identification results indicate that there is a problem;

   The artificial transformation is the artificial code, specifically: the barrier-free transformation code is written by technicians;

   The fourth module is specifically:

   The four types of codes, namely automatic transformation, configuration transformation, auxiliary transformation and manual transformation, are combined into one transformation file. After running detection and verification, the transformation file is pushed to the page end of the web page.
7. Computer storage medium, used to store computer programs, characterized in that when the computer program stored in the storage medium is read by a computer, the computer executes claims 1-5 Any one of the methods for accessibility modification of dynamic Internet content.
8. A computer, including a processor and a computer storage medium, characterized in that when the computer program stored in the storage medium is read by the computer, the computer executes the dynamic Internet content accessibility described in any one of claims 1-5. Transformation method.
9. The website content accessibility transformation method is characterized in that the website content is transformed using the dynamic Internet content accessibility transformation method described in any one of claims 1-5.