Today's article we will learn how the Agile model and software testing methods when using the Agile model will be effective.<img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/image_d594cb3868.png"><h2>1. What is Agile?</h2><ul><li>Agile is an agile software development methodology that focuses on product development in the form of short cycles called "sprints". Agile aims to maximize product value and minimize risks by focusing on adaptability to change and rapid customer response.</li><li>Agile is often applied in software projects but can also be applied in many other areas, from production to marketing and project management.</li></ul><h2>2. Agile criteria:</h2><ul><li>Interaction between people rather than process and tools: Agile focus on interaction and communication among team members first. Regular communication between customers, product managers, and development team members helps ensure a shared understanding of product requirements and helps make decisions faster and more efficient.</li><li>Active software rather than detailed documentation: Agile focuses on developing software that can work instead of detailed documentation. Creating working software versions early makes it possible for customers and development teams to evaluate and provide feedback, thereby optimizing product value.</li><li>Collaborating with customers rather than negotiating contracts: Agile sees customers as part of the product development process. Partnering with customers helps ensure that products are developed that meet actual requirements and respond to customers' changing needs.</li><li>Adaptability to change rather than to a blueprint: Agile allows for changes and adjustments during product development. Rapid adaptation helps ensure that the product can meet new requirements and solve problems that arise during development.</li></ul><h2>3. Rules in Agile:</h2><ul><li>The first priority is to create customer satisfaction by providing valuable products.</li><li>Accept change, even late in the development process. Agile makes the software development process more flexible in terms of changing customer requirements.</li><li>Delivering operational and valuable software products to customers in a short time, by breaking down software products into small pieces and developing them simultaneously.</li><li>Software development team members should cooperate closely to achieve the common goal of the project.</li><li>Build projects around people who contribute directly to the project.</li><li>Create a positive working environment that supports creativity and continuous improvement.</li><li>Focus on providing software products that work according to customer requirements.</li><li>Ensure that the members of the software development team all contribute to the development process and are accountable for the results.</li><li>Adjust the software development process continuously, through periodic evaluation and improvement.</li><li>Use simple and effective methods for software development.</li><li>Encourage direct interaction between members of the software development team.</li><li>Create software products that are sustainable and can adapt to future changes.</li></ul><h2>4. Software testing process in Agile model</h2>a. The software testing phases correspond to the software development phases in the Agile model<ul><li>Planning phase: Test plans are programmed to ensure that customer requirements are fully met. Test plans include functional test plans, performance tests and integration test plans.</li><li>Design phase: Test scenarios are created and test cases are designed. These scenarios are used to ensure that the customer requirements are fully met and that the functionality of the software is tested.</li><li>Development phase: Test cases are executed in parallel with other development steps of the software. Test cases are used to ensure that the software works properly and fully.</li><li>Integration testing phase: Test cases are performed to ensure that the software works properly when integrated with other components of the system.</li><li>Acceptance testing phase: Customer or end user is required to test the product to ensure that it meets their requirements. Acceptance test cases are used to ensure that the software is accepted by the customer.</li></ul>b. Quality assurance activities in segments<img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/image_fde1d78893.png" alt="image.png" srcset="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/thumbnail_image_fde1d78893.png 245w,https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/small_image_fde1d78893.png 500w,https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/medium_image_fde1d78893.png 750w,https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/large_image_fde1d78893.png 1000w," sizes="100vw"><ul><li>Requirement definition segment: Customer requirements are defined and ensured that they can be measured and achieved. QA needs to constantly interact with customers to understand their requirements and ensure that the software developed meets these requirements.</li><li>Design segment: QA participates in the architectural design of the software. QA will check if the design meets the quality requirements and company standards. If necessary, QA will make suggestions to improve the design.</li><li>Development segment: QA participates in the software development process. QA ensures that the software developed meets the requirements and set quality standards. QA will conduct product testing to ensure that the developed software meets the quality requirements.</li><li>Testing Segment: QA performs software testing. Types of testing include unit testing, integration testing, system testing, and acceptance testing. The results of the testing activities will be used to improve the software.</li><li>Deployment segment: QA ensures that the software is properly deployed and meets the quality standards. QA will check that the implemented system has met the quality requirements and will make suggestions to improve the product in the future.</li></ul> &nbsp;

Agile is an agile software development methodology that focuses on product development in the form of short cycles called "sprints". Agile aims to maximize product value and minimize risks by focusing on adaptability to change and rapid customer response.

What is Agile Model in Software Testing?

ADA stands for Americans Disabilities Act is the Disability Act in the United States, which aims to help people with disabilities have job opportunities, can buy and sell goods and services like normal people. The ADA standards are gradually added to the website to make it easier for people with disabilities to use, and are also in line with the WCAG (Web Content Accessibility Guidelines) level A, AA and AAA standards which are a set of standards in website development. , launched by the W3C to determine how to make Web content more accessible to people with disabilities.I have worked as a tester for many years, but when I met ADA, I liked it more than usual, I researched and spent a lot of time on it, there was a whole month for most of the day's work. My work revolved around it without getting bored (I lied because that time I was divided into ADA-only projects :)). Here I would like to share the most basic knowledge for ADA testing that I have learned:<ul><li>A site with ADA is able to use the keyboard (specifically, Tab, Shift+Tab, Enter, Space, Up/Down/Left/Right arrows…) for elements with actions such as menu, h1, link, button, form, dropdown…means it replaces mouse action.</li><li>Sites with ADA when using the keyboard will go from left to right, top to bottom, without missing an element with any action.</li><li>There are many ways to check ADA, the most common way is manual keyboard, using tool (reader tool and extension check for errors), view source code.</li></ul>A. ADA manual:1. Border focus:<ul><li>Is the state that your mouse pointer is standing at that position of the website, it is a border around the element.</li><li>Sometimes its default border is thin and hard to see, but the developer can adjust the color to be light and reasonable with the layout of the site.</li><li>When using the keyboard, the border will jump in the correct order of all your actions: for example, tab will jump to the right, shift+tab will jump to the left.</li></ul><img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/Screenshot_2022_08_19_at_11_31_07_78f90573b1.png" alt="Screenshot 2022-08-19 at 11.31.07.png">2. Keyboard:<ul><li>Tab/Shift+Tab: use tab to go to an element from left to right and shift+tab to return to the previous action.</li><li>Enter/Space: action goes to the destination, space = enter in the following cases:</li><li>Open and close menus</li><li>Open/close popup image/video.</li><li>Play/pause video/gift image.</li><li>Button slide &lt;&gt;, slide dot.</li><li>Tabbed content.</li><li>Arrow expand/collage.</li><li>Arrow up/down left/right: left-right arrow = tab/shift+tab, up/down arrow to shorten travel time (for example, a menu with 8 submenu divided by 3 rows 3/3/2 words position number 2 first row down to number 2 of row 2 if using tabs, it will go all the way to row 2, but using the up and down arrows will move faster).</li><li>Home key: focus the first item of the main menu of the same level.</li><li>End key: focus the last item of the main menu of the same level.</li><li>ESC = close action (turn off popup, turn off submenu…) <img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/1_y_K_Zd_S_Vvq_Oty5c1_C_Io4_Diw_8ff4c47939.png" alt="1_yKZd-SVvqOty5c1CIo4Diw.png"></li></ul>3. Skip to content<ul><li>A site must have Skip to content.</li><li>Use enter/space to skip to content.</li><li>When entering/space must skip through the menu and focus on the next element (usually H1).</li><li>For banners with video, check to see if after Skip to content is passed through Play/Pauser video (because the tab position of play/pause video is before H1).</li></ul><img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/Screenshot_2022_08_19_at_15_06_13_81e0c56c0a.png" alt="Screenshot 2022-08-19 at 15.06.13.png">4. Menu header<ul><li>Tab to auto-open menu (depending on request, site requires auto-opening, site does not).</li><li>For the self-opening submenu, if the parent menu has a link, then actively add a submenu overview for it, otherwise, no (required).</li><li>Submenu must enter/space= open/collape menu, when opening one menu, another must close.</li><li>Use the up/down arrow keys to move the parent menu with the submenu.</li><li>Use the left/right arrow keys to move between menus.</li><li>After the tab ends with the menu to the next element, the submenu must close. <img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/top_navigation_bar_2d546b4841.png" alt="top-navigation-bar.png"></li></ul>5. Logo Header/Footer<ul><li>The logo must have alt.</li><li>Order of reading: priority to read title -&gt; no title, then read alt.</li></ul>6. Search<ul><li>Enter/space opens the box.</li><li>Focus the mouse on the box.</li><li>Shift+tab focus selects all keywords.</li></ul>7. ImageImage must have alt (except background and image icons that have no meaning/function).Alt must be meaningful and related to image/content.Alt is correct (there are cases where alt image is entered, but it is displayed as the image file name). B. ADA Tool testSome basic tools such as: Screen Reader extension, NVDA tool (installed software), Mac Voice over (default available on Mac), Ax extension, Wave extension …The operation is the same as the test manual, but turn on the tool (Window: (Screen Reader / NVDA), Mac: Voice over), note that each time you should open a tool to avoid sound conflicts. C. Check ADA on browserSame operation but check on:Manual on FirefoxNVDA on FirefoxManual on Mac: Chrome/Safari/FirefoxMac over on Chrome/Safari/Firefox D. ADA attribute (view element)1. Zoom in and out feature<ul><li>Remove user-scalable="no" from the attribute of to enable zooming and make sure the maximum-scale parameter is not less than 2. (search in code, if there is this attribute in iframe is passed because it cannot be interfered with).</li><li>Zoom in/out the screen to see if the layout is broken (relatively), zoom to 150%.</li></ul>2. External links<ul><li>arial-label="title+open new tab/window".</li><li>That is, the External link then reads open new tab/window.</li><li>Except for the case of external links in the content, there is no need to care.</li></ul>3. The lang="language" attribute<ul><li>Make sure that the HTML has a lang or xml:lang attribute, and that the attribute's value is a valid value. (just check if lang ="language" only) <img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/Screenshot_2022_08_19_at_17_06_53_3520bca85f.png" alt="Screenshot 2022-08-19 at 17.06.53.png"></li></ul>4. Menu Navigation<ul><li>role="menubar" wrap role="menuitem"</li><li>aria-expanded="false" without opening the sub-menu,</li><li>aria-expanded="true" when opening sub-menu</li><li>role="button" because the parent menu is not linked</li><li>aria-controls="idnguyensub_menu" <img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/Screenshot_2022_08_19_at_17_08_11_5cf04321bc.png" alt="Screenshot 2022-08-19 at 17.08.11.png"></li></ul>5. Image popupPopups are not enabled yetaria-label="open image popup"aria-haspopup="dialog" 6. Popuprole="dialog"aria-label="text content on popup"<h2>- Aria-hidden="false" Note: when the popup tab is on, it must still be in the control area, which means the tab cannot go down to the content area below the popup.</h2>7. sr-only: If sr-only matches aria-label, sr-only <img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/Screenshot_2022_08_19_at_17_09_01_cf23eacb5a.png" alt="Screenshot 2022-08-19 at 17.09.01.png">8. Blog Post/Related<ul><li>Wrap the</li></ul>in an tag.9. Tab<ul><li>role="tablist" for list tab</li><li>role="tab" for each tab</li><li>aria-selected="true" when selecting tab</li><li>aria-selected="false" for unselected tab</li><li>aria-hidden="false" for visible tab</li><li>aria-hidden="true" for hidden tabs</li><li>id="tab-0" (1,2,3,4)</li><li>aria-controls="content-1" (content of that tab) <img src="https://abc-cms-production.s3.ap-southeast-1.amazonaws.com/Screenshot_2022_08_19_at_17_10_13_b33d86daae.png" alt="Screenshot 2022-08-19 at 17.10.13.png"></li></ul>10. Iframe: iframe must have title11. Tabindex<ul><li>Form, button, : default already has tabindex so we don't need to add it.</li></ul>

ADA stands for Americans Disabilities Act is the Disability Act in the United States, which aims to help people with disabilities have job opportunities, and can buy and sell goods and services like normal people. 

Testing

Contact Us